@font-face {
    font-family: "Terminus";
    src: url("terminus.ttf") format("truetype");
}

body {
    background-color: black;
    color: green;
    font-family: "Terminus", monospace;
}

.title {
    text-align: center;
}

.msgs {
    height: 78vh;
    width: 83.5vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5vw;
    padding-right: 1vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    border-radius: 10px;
    border: 1px solid green;
    overflow: scroll;
}

.msgs::-webkit-scrollbar {
  display: none;
}

.msgs {
  -ms-overflow-style: none; 
  scrollbar-width: none;
}

.messageform {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-top: 2vh;
}

.message {
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
}

#typebox {
    width: 77.5vw;
    background-color: black;
    border: 1px solid green;
    color: green;
    font-family: "Terminus", monospace;
    height: 3vh;
    padding-left: 0.5vw;
}

#typebox:focus {
    outline: none;
}

.submit {
    width: 5vw;
    background-color: black;
    border: 1px solid green;
    color: green;
    font-family: "Terminus", monospace;
    height: 3vh;
}