body{

    margin: 0;

    background-color: #DAC4F7;

    font-family: 'Lexend';

}

.header{

    position: fixed;
    left: 0;
    top: 0;
    
    width: 100%;
    height: 60px;
    margin: 0;

    color: #F0F3BD;
    background-color: #5D5F71;

    text-align: center;
}

h1{

    margin: 15px;

}

.filler{

    height: 60px;
    width: 100%;

}

#content{

    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 15px;
    margin-bottom: 15px;
    
}

form{

    position: fixed;
    left: 0;
    bottom:0;

    width: 100%;
    height: 60px;
    margin: 0;

    background-color: #5D5F71;

    text-align: center;

}

#msg-input{

    width: 80%;
    height: 30px;
    margin: 15px;
    padding-left: 10px;

    color: #F0F3BD;
    background-color: #5D5F71;

    font-family: 'Lexend';

    border: 2px solid #F0F3BD;
    border-radius: 20px;

    outline: none;

}

#submit-btn{

    width: 30px;
    height: 30px;
    margin: 15px;
    margin-left: 0;

    color: #5D5F71;
    background-color: #F0F3BD;
    font-family: 'Lexend';

    border: 2px solid #F0F3BD;
    border-radius: 50%;

}