body {
    margin: 0;
    font: 100%/1.5 Geneva, Segoe UI, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Didot, "Didot LT STD", Bodoni MT, "Hoefler Text", Garamond, "Times New Roman", serif
}



header h1 {
    margin: 0 auto;
    width: min-content;
    text-transform: uppercase;
    font-size: 220%;
}

header h1 img {
    display: block;
    width: 5em;
}

header h2 {
    margin: .5em 0 0;
    font-size: 100%;
    color: hsl(80, 80%, 50%);
    font-family: inherit;
}

main,
footer {
    padding: 1em calc(50vw - 500px);
}

footer {
    margin-top: 1em;
    color: gray;
}

.lang-select {
    padding: 5px;
    font-size: 15px;
    font-weight: 600;
    font-family: monospace;
    border: 2px solid;
}

.lmscode-input {
    min-width: 640px;
    margin-bottom: 10px;
    min-height: 40px !important;
}

.code-run-btn {
    padding: 12px 43px;
    font-size: 15px;
    font-weight: 600;
    color: #2b7613;
}