@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation&family=Roboto:ital,wght@0,400;1,100&family=Spectral:wght@300&display=swap');

html {
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding-bottom: 5vh;
    background-color: #F8F0E3;
    font-family: 'Edu NSW ACT Foundation', cursive;

}
.title {
    margin-top: 5vh;
    width: 100vw;
    text-align: center;
}
.icon {
    border-radius: 10em;
    height: 10em;
    background-color: gray;
}
.content {
    margin-top: 5vh;
    width: 75vw;
    text-align: center;
    font-size: 150%;
    margin-left: auto;
    margin-right: auto;
}
hr {
    width: 75vw;
    border-color: tan;
}
hr.mini {
    width: 30vw;
    border-color: rgb(216, 141, 43);
}
nav {
    margin-top: 5vh;
    text-align: center;
}
a {
    color: brown;
    text-decoration: none;
}
a.navLink {
    font-size: 200%;
    margin-left: 1vw;
    margin-right: 1vw;
}
a.guideLink{
    font-size: 150%;
    margin-top: 1vh;
    margin-bottom: 4vh;
    text-decoration: underline;
}
.back {
    position: sticky;
}
li {
    margin-bottom: 2vh;
}
.info {
    font-style: italic;
    text-decoration: underline;
}
footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 75%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0.5vh;
    text-shadow: 0 0 1.5em black, 0 0 1.5em black;

}
@media only screen and (max-width: 1000px) {
    html {
        font-size: 150%;
    }
}
@media (pointer:none), (pointer:coarse) {
    html {
        font-size: 225%;
    }
}