@font-face {
  font-family: 'Amiga4Ever';
  src: url('/assets/fonts/amiga4ever.ttf');
}

@font-face {
    font-family: 'DOS';
    src: url('/assets/fonts/dos.ttf');
}

body {
    background-color: #212121;
    color: #e7f2ef;
    font-family: monospace;
    font-size: 1.25rem;
}

h3 {
    margin-top: 0;
}

h1, h1 a, .content h3, .content h3 a {
    font-family: Amiga4Ever;
    font-size: 1.5rem;
    color: #2c75ff;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 3px 3px #035096;
    text-decoration: none;
}

h2 {
    font-family: DOS;
    color: #536878;
    text-shadow: 2px 2px #334858;
    font-weight: 700;
    font-size: 1.125rem;
    margin-bottom: 0;
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.content {
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.content a {
    color: #2c75ff;
    font-weight: 700;
}

.is-primary {
    font-family: DOS;
    color: #536878;
    text-shadow: 2px 2px #334858;
    font-weight: 700;
    font-size: 1.125rem;
}

footer {
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
}

.is-primary p {
    margin-top: 0;
}

.content img {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    display: block;
}

code {
    background-color: #e7f2ef;
    color: #212121;
}

pre code {
    display: block;
    padding: 1rem;
    overflow-x: auto;
}
    

@media (min-width: 980px){
    .content {
	max-width: 980px;
	text-align: left;
	padding: 0;
    }
}