:root {
    --ink: #121212;
    --paper: #fff7e6;
    --accent: #576bff;
}

/* Keep html neutral */
html {
    margin: 0;
    padding: 0;
    font: 16px/1.6 system-ui, sans-serif;
    color: var(--ink);
}

/* Default background */
body {
    margin: 0;
    padding: 0;
    background-image: url("../images/spyroskybox.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

a { text-decoration: none; }
header, main, footer { max-width: 80%; margin: 0 auto; padding: 1.25rem; }
h1 a { color: var(--ink); border: none; }
article h1 { margin-bottom: .25rem; }
#menu {display: flex; flex-direction: column;}
main {display: flex; flex-direction: row; justify-content: space-evenly; background: var(--paper);}
nav { min-width: 200px; }
aside { min-width: 200px; }
header a {margin-left: auto; margin-right: auto; width: 80%; text-align: center; display: block; color: white;}

@media only screen and (max-width: 600px) {
    main { flex-direction: column; }
}

/* Alternate background (Torii) */
body.torii-bg {
    background-image: url("../images/toriigate.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}