body {
    background-color: #111113;
    font-family: Arial, Helvetica, sans-serif
}

h1 {
    text-align: center;
    color: #da3a2d;
}

textarea {
    resize: none;
    width: 50%;
    height: 25%;
    font-size: 2em;
}

div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}

@media (max-width: 699px) {
    div {
        flex-direction: row !important;
    }

    textarea {
        width: 50% !important;
        height: 50% !important;
    }
}