body{
    background-color: rgb(24, 24, 24);
}

h1{
    text-align: center;
}

#body{
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
    max-width: 1400px;
    top:100px;
    background-color: rgb(24, 24, 24);
    padding: 20px;
    color: rgb(196, 196, 196);
    font-family: "lato";
}

#art1{
    left: 0px;
    position: fixed;

}
#art2{
    position: fixed;
    right:0px;
    transform: scale(-1,1);
}
#player{
    width: 100px;
    height:100px;
    background-image:url("../Assets/Character1.png");
    background-repeat: none;
    background-size: cover;
    position: fixed;
    left: 50%;
    top:50px;

    transform: translate(-50%,-50%);
}

.bannerart{
    height: 100px;
    background-image: url("Banner1.png");
    background-repeat: none;
    background-size: cover;
    image-rendering: pixelated;

    width: 400px;
}

#header{
    position: fixed;
    top:0px;
    left:0px;
    width: 100%;
    height: 100px;
    background-color:rgb(8, 8, 8);
    
    border-bottom: 5px;
    border-left: 0px;
    border-top: 0px;
    border-style: solid;
    border-color: rgb(82, 18, 18);
    z-index: 100;
}