@font-face {
    font-family: "Tox Typewriter";
    src: url(/fonts/tox_typewriter/Tox_Typewriter.ttf) format(truetype);
}

@font-face {
    font-family: "Ancient Computer";
    src: url(/fonts/AncientComputerRegular.ttf) format(truetype);
}

::marker {
    font-size: 14px;
}

#fonts a:hover {
    background-color: var(--accent);
    color: var(--text-color-invert);
}

li:has(li) {
    letter-spacing: 1px;
}

li:has(li) {
    font-weight: bold;
}

li li {
    font-weight: normal;
    letter-spacing: normal;
}

#palettes table {
    margin: 0 auto;
    text-align: center;
}

#palettes img {
    width: 250px;
    display: block;
    margin: 0 auto;
}

#silkscreen, #silkscreen a:hover {
    font-family: "Silkscreen", Courier, monospace;
}

#typewriter {
    font-size: 1.25em;
}

#typewriter, #typewriter a:hover {
    font-family: 'Tox Typewriter', Courier, monospace; 
}

#ancientcomp {
    font-size: 1.5em;
}

#ancientcomp, #ancientcomp a:hover {
    font-family: 'Ancient Computer', Courier, monospace; 
}

@media screen and (max-width: 1200px) {
    #palettes img {
        width: 200px;   
    }
}