@font-face {
 font-family:'Zilla Slab';
 font-style:normal;
 font-weight:400;
 src:url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.eot");
 src:local("Zilla Slab"),
 local("ZillaSlab-Regular"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.eot?#iefix") format("embedded-opentype"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.woff2") format("woff2"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.woff") format("woff"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.ttf") format("truetype"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-regular.svg#ZillaSlab") format("svg")
}
@font-face {
 font-family:'Zilla Slab';
 font-style:normal;
 font-weight:700;
 src:url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.eot");
 src:local("Zilla Slab Bold"),
 local("ZillaSlab-Bold"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.eot?#iefix") format("embedded-opentype"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.woff2") format("woff2"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.woff") format("woff"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.ttf") format("truetype"),
 url("https://timvisee.com/fonts/zilla-slab-v5-latin-700.svg#ZillaSlab") format("svg")
}
/* @font-face { */
/*  font-family:'Merriweather'; */
/*  font-style:normal; */
/*  font-weight:400; */
/*  src:url("https://timvisee.com/fonts/merriweather-v21-latin-regular.eot"); */
/*  src:local("Merriweather Regular"), */
/*  local("Merriweather-Regular"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-regular.woff2") format("woff2"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-regular.woff") format("woff"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-regular.ttf") format("truetype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg") */
/* } */
/* @font-face { */
/*  font-family:'Merriweather'; */
/*  font-style:italic; */
/*  font-weight:400; */
/*  src:url("https://timvisee.com/fonts/merriweather-v21-latin-italic.eot"); */
/*  src:local("Merriweather Italic"), */
/*  local("Merriweather-Italic"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-italic.woff2") format("woff2"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-italic.woff") format("woff"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-italic.ttf") format("truetype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg") */
/* } */
/* @font-face { */
/*  font-family:'Merriweather'; */
/*  font-style:normal; */
/*  font-weight:700; */
/*  src:url("https://timvisee.com/fonts/merriweather-v21-latin-700.eot"); */
/*  src:local("Merriweather Bold"), */
/*  local("Merriweather-Bold"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700.eot?#iefix") format("embedded-opentype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700.woff2") format("woff2"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700.woff") format("woff"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700.ttf") format("truetype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700.svg#Merriweather") format("svg") */
/* } */
/* @font-face { */
/*  font-family:'Merriweather'; */
/*  font-style:italic; */
/*  font-weight:700; */
/*  src:url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.eot"); */
/*  src:local("Merriweather Bold Italic"), */
/*  local("Merriweather-BoldItalic"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.eot?#iefix") format("embedded-opentype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.woff2") format("woff2"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.woff") format("woff"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.ttf") format("truetype"), */
/*  url("https://timvisee.com/fonts/merriweather-v21-latin-700italic.svg#Merriweather") format("svg") */
/* } */
/* @font-face { */
/*  font-family:'Fira Mono'; */
/*  font-style:normal; */
/*  font-weight:400; */
/*  src:url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.eot"); */
/*  src:local("Fira Mono Regular"), */
/*  local("FiraMono-Regular"), */
/*  url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.eot?#iefix") format("embedded-opentype"), */
/*  url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.woff2") format("woff2"), */
/*  url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.woff") format("woff"), */
/*  url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.ttf") format("truetype"), */
/*  url("https://timvisee.com/fonts/fira-mono-v8-latin-regular.svg#FiraMono") format("svg") */
/* } */

body {
    font-family: "Zilla Slab",sans-serif;
    background: #141516;
    background: linear-gradient(0deg, rgba(20,21,22,1) 33%, rgba(0,0,0,1) 100%);
    margin: 0;
    padding: 0;
}

#fireworks {
    display: block;
    width: 100%;
    height: 100%;
}

#logo-container {
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 20vh;
    text-align: center;
}

#logo {
    display: inline-block;
    margin: 0.5em 0;
    padding: 0.5em 1em;
    overflow: visible;
    white-space: nowrap;
    text-decoration: none;
    user-select: none;
    transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    color: #a6a28c;
    border: #a6a28c solid 0.2em;
    font-family: "Zilla Slab",sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.075em;
    line-height: 1;
    text-transform: uppercase;
    border-radius: 0;
}

#logo:hover {
    border-color: #9fbfdf !important;
    color: #9fbfdf !important;
}

#logo:active {
    border-color: #9fbfdf !important;
    color: #9fbfdf !important;
    background-color: rgba(159,191,223,0.2) !important;
}

footer {
    color: #65614e;
    position: absolute;
    text-align: center;
    bottom: 2em;
    width: 100%;
}

a {
    display: inline-block;
    color: #69c;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    text-decoration: none;
    outline: 0;
    margin: 0 -0.15em;
    padding: 0 0.15em;
    /* border-radius: 6px; */
    border-radius: 2px;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    color: #9fbfdf;
}

a:active {
    background-color: rgba(159,191,223,0.2);
}