@font-face {
    font-family: Quicksand;
    src: url(fontit/Quicksand/Quicksand-VariableFont_wght.ttf);
    font-weight: 300 700;
}

@font-face {
    font-family: Overpass;
    src: url(fontit/Overpass/Overpass-VariableFont_wght.ttf);
    font-weight: 100 900;
}

@font-face {
    font-family: Overpass;
    src: url(fontit/Overpass/Overpass-Italic-VariableFont_wght.ttf);
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: "Caveat Brush";
    src: url(fontit/Caveat_Brush/CaveatBrush-Regular.ttf);
    font-weight: 400;
}

body {
    font-family: Overpass, sans-serif;
}
img {
    max-width: 100%;
}

.logo {
    width: 300px;
    text-align: center;
    margin-top: 1em;
}

.logo img {
    box-shadow: 0px 0px 40px gray;
    width: 800px;
}

pre {
    background-color: beige;
    padding: 10px;
    font-family: "Overpass Mono", monospace;
    font-size: 95%;
    white-space: pre-wrap;
    word-break: break-all;
}

.logo.tredu {
    background-color: #042546;
}

.logo.valkoinen {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 30px #c0c0c0;
}

h1, h2, h3 {
    font-family: Quicksand, sans-serif;
}