@font-face {
    font-family: font;
    src: url(resources/Monospace.woff2);
}

/* chrome */
::-webkit-scrollbar {
    padding-top: 0px;
    width: 0px;
}

body {
    scrollbar-width: none; /* firefox */

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

    background-color: black;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;
}

textarea, input {
    background-color: black;
    font-family: font;
    font-size: 3vmin;
    color: red;

    border: none;
    outline: none;
    resize: none;
}

#game-window {
    width: 100%;
    height: 100%;

    display: grid;
    grid-template: 1fr / 1fr;
}

#game-screen {
    border: 2px solid red;
    border-radius: 20px;
    margin: 20px;

    overflow: hidden;
    margin: 2%;
    padding: 2%;

    display: grid;
    grid-template: 8fr 1fr / 1fr;
}

#input {
    border-top: 2px dashed red;
}