html,   body   {
    height:   100%;
    margin:   0;
    background:   rgb(40,   41,   35);
    font-family:   'Space Mono',   'FiraCode',   Arial,   sans;
    }
form   {
        margin-bottom:   0;
        background:   #383934;
        color:   #FFFFFF;
        margin-bottom:   15px;
        margin-top: 15px;
        padding:   15px;
        border-radius:   16px;
        box-shadow:   0 4px 30px rgba(0,   0,   0,   0.1);
        backdrop-filter:   blur(1.9px);
        -webkit-backdrop-filter:   blur(1.9px);
        display:   flex;
        flex-direction:   column;
        font-family:   'Space Mono',   'FiraCode',   Arial,   sans;
        height:   inherit;
        height:   -webkit-fill-available;
    }
#user_text   {
        flex-basis:   100%}
#main   {
        display:   flex;
        flex-direction:   column;
        height:   100%;
    }
textarea   {
    background:   rgba(255,   255,   255,   0);
    color:   #FFFFFF;
    border-color:   #555;
    font-family:   'Space Mono',   'FiraCode',   Arial,   sans;
    margin-bottom:   1.5rem;
    min-height:   65px;
    padding-top:   6px;
    padding-bottom:   6px;
    }
h1   {
        text-align:   center;
        padding-top:   25px;
        color:   #555;
}
.buttonarea   {
        display:   flex;
        justify-content:   center;
        gap:   25px;
    }
.button,   .button-primary   {
        background-color:   #33C3F0;
        color:   #FFFFFF;
        display:   inline-block;
        height:   38px;
        padding:   0 15px;
        text-align:   center;
        font-size:   11px;
        font-weight:   600;
        line-height:   38px;
        letter-spacing:   .1rem;
        text-transform:   uppercase;
        text-decoration:   none;
        white-space:   nowrap;
        border-radius:   4px;
        border:   1px solid #bbb;
        cursor:   pointer;
        box-sizing:   border-box;
        margin-bottom:   1rem;
}
.button:hover,   .button-primary:hover   {
        color:   #FFF;
        background-color:   #1EAEDB;
    }
.container   {
        position:   relative;
        width:   100%;
        max-width:   1280px;
        padding:   0 20px;
        box-sizing:   border-box;
    }

@media (min-width:  850px)   {
        .container   {
        margin:   0 auto;
    }
}

@media (max-width:  850px)   {
        textarea  {
     font-size:  22px;
    }
}
@media (max-width:  850px)   {
h1  {
    display: none;
}
}