@import url('https://fonts.googleapis.com/css2?family=Montserrat');

html
{
    font-family: "Montserrat";
    font-size: small;
    height: 100vh;
    width: 100vw;
    background: linear-gradient(45deg, #456c88 20%,#62a2b1 40%,#7468a6 60%);
    color: rgb(200,200,200);
}

body
{
    display: flex;
    flex-direction: column;
    margin: 0px;
    width: 100vw;
    height: 100vh;
}

#msgs, #msg-c
{
    outline: none;
    background-color: rgb(25,25,30);
    box-sizing: border-box;
    border-radius: 5px;
    padding: 5px;
    margin: 10px;
}

#msgs
{
    flex-grow: 1;
    margin-bottom: 0px;
    overflow-x: hidden;
    flex-direction: column-reverse;
}

#msg-c
{
}

#msginput
{
    outline: none;
    border: none;
    background-color: rgb(25,25,30);
    box-sizing: border-box;
    width: 100%;
    color: rgb(200,200,200);
}

.user, .date
{
    font-family: "Courier New";
}

.user
{
    color: rgb(255,215,0);
    margin-right: 10px;
    margin-left: 20px;
}