/* fonts */

@font-face {
    font-family: "IMFellEnglish-Regular";
    src: url(IMFellEnglish-Regular.ttf);
}

@font-face {
    font-family: "Junicode";
    src: url(Junicode-Medium.ttf);
}

@font-face {
    font-family: "Junicode-Italic";
    src: url(Junicode-LightItalic.ttf);
}

    /* general stuff */

body {
    background: #000000 url('unexp.png');
}

main {
    box-sizing: border-box;
    background: #C0C0C0;
    max-width: 480px;
    padding-top: 12px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 12px solid #808080;
    border-bottom: 12px solid #808080;
    border-left: 8px solid #808080;
    border-right: 8px solid #808080;
    gap: 12px;
}

.epigraph {
    font-family: "Junicode-Italic", serif;
    box-sizing: border-box;
    padding: 10px;
    border-top: 12px solid #808080;
    border-bottom: 12px solid #808080;
    border-left: 8px solid #808080;
    border-right: 8px solid #808080;
    margin-bottom: 20px;
}

h1 {
    font-family: "IMFellEnglish-Regular", serif;
    text-shadow: 2px 2px 5px #570000;
    text-align: center;
}

main > img {
    max-width: 960px;
}

.minecart {
    max-width: 640px;
}

p {
    font-family: "Junicode", serif;
}

    /* nav styling */

nav {
    color: #C0C0C0;
    text-align: center;
}

nav > a {
    font-family: "IMFellEnglish-Regular", serif;
    color: #ff0000;
    text-decoration: none;
}

nav > a:active {
    color: #800000;
}

nav > a:hover {
    text-decoration: underline;
}

    /* frontpage styling */

h1 > img {
    max-width: 100%;
}

ol {
    font-family: "IMFellEnglish-Regular", serif;
    color: #000000;
}

li > a {
    color: #800000;
    text-decoration: none;
}

li > a:visited {
    color: #800000;
}

li > a:hover {
    text-decoration: underline;
}

li > a:focus {
    text-decoration: underline;
}

li > a:active {
    color: #ff0000;
}