html {
    font-family: "Arial", Arial, sans-serif;
    font-size: min(1.5vh,1.5vw);
    background-color: #AAA;
    padding: 0;
    margin: 0;
}


body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0.5rem;
    background-color: #2e2a27;
    font-family: W95FA;
    font-size: 2rem;
    overflow: hidden;
}

p {
    background-color: #938880;
    margin: 0.5rem;
    border-radius: 1rem;
}
#chat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: scroll;
}
#chatbtn  {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 999;
}
.timestamp {
    font-size: 1rem;
    display: inline-block;
    padding-right: 1rem;
    padding-left: 1rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.username,.target {
    color: #333333;
    padding-right: 1rem;
    display: inline-block;
}
.username:before {
    content: "｢";
}
.target:before {
    content: "⮕";
    padding-right: 1rem;
}
.notarget:after,.target:after {
    content: "｣";
}
.nomsg {
    margin-left: 30%;
    padding: 2rem;
    font-weight: light;
    font-style: italic;
}