@font-face {
    font-family: "Quicksand";
    src:
        local("Quicksand"),
        url("https://ayyko.xyz/static/fonts/Quicksand-VariableFont_wght.ttf")
            format("truetype");
}

@font-face {
    font-family: "ShareTechMono";
    src:
        local("ShareTechMono"), 
        url("https://ayyko.xyz/static/fonts/ShareTechMono-Regular.ttf")
            format("truetype");
}

@font-face {
    font-family: "Fauna One";
    src: 
        local("Fauna One"), 
        url("https://ayyko.xyz/static/fonts/FaunaOne-Regular.ttf")
            format("truetype");
}

body {
    font-family: "Quicksand", sans-serif;
    font-size: 1.2em;
    background-color:#202020;
    color:#19f4ff;
    margin-bottom: 1.5em;
}

h1 {
    font-family: "Fauna One", serif;
}

a {
    color:#19f4ff;
}

a:visited {
    color:#17f4e5;
}

#header-link:visited {
    color:#19f4ff;
} 
#link-url:visited {
    color:#19f4ff;
}

#item-date {
    font-family: "ShareTechMono", monospace;
    font-size: 0.8em;
    color: #9cf6c6;
}

summary {
    margin-top: .3em;
}

ul li {
    list-style-type: "\298A"; 
}

#link-prefix {
    font-size: 1.3em;
    font-family: "Fauna One", serif;
}

strong.hidden-links-title {
    font-size: 1.7em;
    margin-top: .5em;
}

details summary.hidden-links-summary {
    list-style: none;
}

details summary.hidden-links-summary::after {
    content: " +";
    font-size: 1.5em;
}
details[open] summary.hidden-links-summary::after {
    content: " -";
    font-size: 1.5em;
}