body {
    position:absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
}

div.chatbox {
    background-color: grey;
    width: 100%;
    height: 80%;
    padding: 0;
    margin: 0;
    overflow: scroll;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

div.sendbox {
    background-color: black;
    width: 100%;
    height: 20%;
    padding: 0;
    margin: 0;
}

form.sendbox {
    width: 100%;
    height: 100%;
}

form.sendbox input {
    display: inline-block;
    vertical-align: top;
}

form.sendbox input.username {
    padding-left: 5px;
    margin-left: 4px;
    border-width: 0;
    height: 20%
}

form.sendbox input.message {
    margin: 0;
    padding-left: 5px;
    border-width: 0;
    width: 60%;
    height: 95%;
}

form.sendbox input.file {
    width: 5%;
    height: 100%;
    border-width: 0;
    padding: 0;
    margin: 0;
}

form.sendbox input.form_button {
    width: 20%;
    height: 100%;
}

div.message {
    margin-left: 10px;
    margin-bottom: 10px;
}

h3.author_name {
    margin: 0;
}

div.message p {
    margin: 0;
}

div.message p.post-date{
    margin-bottom: 5px;
    font-size: x-small;
}