/* jetbrains-mono-regular - latin */
@font-face {
font-family: 'JetBrains Mono';
font-style: normal;
font-weight: 400;
src: local(''),
    url('/fonts/jetbrains-mono-v1-latin-regular.woff2') format('woff2')
}

body {
    background: #eeeeee;
    font-family: 'JetBrains Mono', monospace;
}

#heading {
    padding: 2em;
    padding-bottom: 0;
    max-width: 800px;
}

#content {
    padding: 2em;
    padding-top: 0;
    max-width: 800px;
}

#content .spacer {
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 1px solid #666666;
}

#hero {
    font-size: 3em;
}

#subheading {
    line-height: 1.6em;
}

#content p {
    line-height: 2em;
}

#content ul {
    line-height: 2em;
}

#contactwrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));;
    grid-auto-flow: dense;
    grid-gap: 1em;
}

#newway button {
    background-color: #333333;
    border: none;
    color:#eeeeee;
    font-size: 1em;
    font-family: 'JetBrains Mono', monospace;
    padding: 0.8em 1em;
    float: right;
    margin-top: 1em;
}

#contactdata {
    display: grid;
    grid-template-columns: auto auto;                
}

#contactdata label {
    text-align:left;
    padding: 1em 0.4em;
}

#contactdata *:focus {
    outline: 2px solid #333333;
}

#contactdata input, #contactdata textarea {
    background: #eeeeee;
    border: 1px solid #333333;
    border-radius: 0;
    padding: 1em;
    font-size: 1em;
    font-family: 'JetBrains Mono', monospace;
    -webkit-appearance: none;
}

#contactdata label:after {
    content: ":";
}