@font-face {
    font-family: "NotoSansT";
    src: url("ttf/sans.ttf");
}
@font-face {
    font-family: "Departure Mono";
    src: url("ttf/depm.otf");
}

:root {
    --color-background: #1a1c23;
    --color-foreground: #f2f2f2;
    --color-a-visited:  #3f4555;
    --color-a-normal:   #6f748b;
    --color-a-hovered:  #a8b1c2;
}

img {
    border: 1px solid white;
}

#main-box {
    padding: 10px;
    margin-left: 25%;
    margin-right: 25%;
}

h2 {
    font-weight: 400;
}

a:visited {
    color: var(--color-a-visited) !important;
}

a {
    color: var(--color-a-normal);
}

a:hover {
    color: var(--color-a-hovered) !important;
}

#footer, hr{
    color: #bac2de;
}

body {
    font-family: "Departure Mono";
    font-size: 16px;
    color: var(--color-foreground);
    background-color: var(--color-background);
}