@font-face {
    font-family: 'QuattrocentoJo-Regular';
    src: url("/static/QuattrocentoJo-Regular.woff2");
    font-weight: normal;
    font-style: normal;
}

.kf-font {
    font-family: 'QuattrocentoJo-Regular', 'serif';
}

.source {
    font-style: italic;
}

.hidden {
    display: none;
}

body {
    background-color: #1f1f1f;
    color: #f0f0f0;
}

a:link {
    color: cornflowerblue;
}

a:visited {
    color: aquamarine;
}

.dong-frame {
    width: 50%;
    left: 25%;
}

/* pls no bully. first time I've ever written 'responsive' CSS */
/* long live bootstrap */
@media screen and (max-width: 1500px){
    .dong-frame {
        width: 70%;
        left: 15%;
    }
}

@media screen and (max-width: 1000px){
    .dong-frame {
        width: 80%;
        left: 10%;
    }
}

@media screen and (max-width: 800px){
    .dong-frame {
        width: 100%;
        left: 0;
    }
}