client.css

html {
    height: 100%;
}

body {
    height: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: blue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(black, blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(black, blue); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(black, blue); /* For Firefox 3.6 to 15 */
    background: linear-gradient(black, blue); /* Standard syntax */
}

#messageBox {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15pt;
    position: fixed;
    bottom: 0;
    left: 0;
    min-width: 89%;
    min-height: 10%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background: black;
    color: white;
    resize: none;
}

#sendButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15pt;
    position: fixed;
    bottom: 0%;
    left: 90%;
    min-height: 10%;
    min-width: 10%
}

#messagePlace {
    height:50%;
    width:100%;
    position: relative;
    background-color: rgba(0,0,0,0.6);
}