body{
    background-image:url("assets/darkwood.webp");
    background-repeat:no-repeat;
    background-size:100vw;

}
/* body { font-family: sans-serif; } */
#dotChat {
    margin: auto auto;
    width: 90%;
    height: 90%;
    background-color:darkgray;
    background-image:url("assets/hardplastic1.webp");
    background-blend-mode:screen;
    background-size:cover;
    padding:2%;

}
#dotChat #chat {
    background-color:wheat;
    background-image:url("assets/hardplastic2.webp");
    background-size:cover;
    background-blend-mode:color-burn;
height: 300px;
overflow-y: scroll;
border: 1px solid #000;
padding: 5px;
}

#dotChat #login{
    float:right;
}

h1{
text-shadow: 1px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, 1px 1px #000000, -1px -1px #000000, 1px -1px #000000, -1px 1px #000000;
    color: rgb(204, 0, 91);
    font-weight: 900;
     mix-blend-mode: color-burn;
     margin: auto auto;
     display:block;
    left:50%
    

    }