style.css

body {
    color: #222222;
    font-family: Arial, San-serif;
}

header {
    font-size: 0.83rem;
}

header h1 {
    font-size: 1.2rem;
    color: #AA00AA;
}

main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(600px, 1fr));
    column-gap: 5em;
    margin-bottom: 1ex;
    background: #FFEEFF;
    padding: 1em;
}

footer {
    font-size: 0.83rem;
}

section {
}

label {
    display: block;
    margin: 1ex 0 0 0;
}

label span {
    font-style: italic;
    font-size: 0.83rem;
    color: #555530;
}

label input {
    background: #FFFFEE;
    font-family: Courier, Monospace;
    font-size: 1rem;
}

label input {
    display: block;
    width: 100%;
}

form button {
    /* background: lightgreen; */
    margin-top: 1ex;
    float: right;
}

iframe {
    width: 100%;
    height: 500px;
    border: 1px solid #330033;
    margin-top: 1ex;
}

#bite {
    display: none;
}

#bite-editor {
    /* width: 100%; */
    height: 450px;
    border: 1px solid;
    font-family: Courier, Monospace;
    font-size: 1rem;
    background: #FFFFEE;
}