chat/css/index.css

#nick, #message{
    border:1px solid green;
    border-radius: 5px;
    padding:10px;
    margin-bottom: 5px;
    background:whitesmoke;
}

.text{
    width:75%;
    display:flex;
    flex-direction:column;
}

.text > p:first-of-type{
    width:100%;
    margin-top:0;
    margin-bottom:auto;
    line-height: 13px;
    font-size: 12px;
}

.text > p:last-of-type{
    width:100%;
    text-align:right;
    color:silver;
    margin-bottom:-7px;
    margin-top:auto;
}

.text-l{
    float:left;
    padding-right:10px;
}        

.text-r{
    float:right;
    padding-left:10px;
}

.frame{
    background:#e0e0de;
    height: 600px;
    overflow:hidden;
    padding:0;
}

.frame > div:last-of-type{
    position:absolute;
    bottom:0;width:100%;
    display:flex;
}


#get {
    width:100%;
    list-style-type: none;
    padding:18px;
    position:absolute;
    bottom:47px;
    display:flex;
    flex-direction: column;
    top:0;
    overflow-y:scroll;
}

#send {
    text-decoration: none;
    color: black;
    font-size: x-large;
}

input:focus{
    outline: none;
}