@media only screen and (min-width: 1000px) {
    main { display: flex; }
    main > div.right { flex: 2; }
    main > div.left { flex: 3; }
}
body {
    padding: 0;
    margin: 0;
    background: black;
    color: rgb(230, 230, 230);
    font-family: sans-serif;
}
main {
    padding: 2em;
    font-size: 1.2em;
}
textarea, input {
    background-color: rgb(11,12,13);
    font-family: monospace;
}
textarea {
    padding: 1em;
}

textarea, .auth {
    width: calc(100% - 2em);
}
/* dark mode ofcoz */
textarea, body, input {
    color: rgb(255, 253, 251);
}
main {
    width: auto;
}
hr {
    height: 1px;
}
.radio, textarea, div.auth {
    border: 1px solid white;
}
.radio {
    width: 100%;
}
.radio {
    padding: 1em 0em;
    display: flex;
    flex-direction: column;
}
.radio > span {
    display: block;
    padding: .2em 1em;
}
.auth {
    padding: 1em;
}
.auth>input {
    padding: .2em;
    margin: .2em;
}
button {
    font-size: 1.2em;
    margin: .2em;
    padding: .4em;
}
.auth > input {
    border: 1px solid rgb(64,64,64);
}