body {
    font-family: sans-serif;
    background-color: #ffffff;
    margin-top: 20px;
}

#fname {
    height: 40px;
    width: 94%;
    border-radius: 10px;
    padding: 2px;
    padding-left: 5px;
    border: solid 2.5px;
}

#sub{
    height: 40px;
    width: 40px;
    border-radius: 10px;
    padding: 2px;
    background-color: lightskyblue;
    border: solid 2.5px;
}


#loginbtn {
    min-width: 72px;
    border-radius: 10px;
    padding: 10px;
    border: solid 2.5px;
    position: fixed;
    right: 10px;
}

#fname:focus {
    outline: none;
    box-shadow: none;
}

#fname, #sub {
    box-sizing: border-box;
}

.mainchat {
    display: flex;
    flex-direction: column;
    height: 90vh;
}

#chat {
    white-space: pre-wrap;
    flex: 1;
    min-height: 0;
    
    padding-left: 10px;
    overflow-y: auto;
    z-index: -1;
}

div.input {
    width: 100%;
    left: 0;
    right: 0;
    align-items: left;
    height:fit-content;
    padding: 10px;
    position: fixed;
    bottom: 10px;
}