:root {
    --color1: #fff;
    --color2: #0dc;
}

@media (prefers-color-scheme: dark) {
    :root {
        --color1: #000;
        --color2: #0dc;
    }
}

@font-face {
    font-family: 'Rubik';
    src: url('Rubik-VariableFont_wght.ttf');
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.ttf');
}

* {
    margin:0;
    color: var(--color2);
    text-transform: none;
}

a {
    text-decoration: none;
    color: #fff;
}

html {
    background-image: url("../img/ws1850-2025.png");
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt;
}

div.main {
    padding: 60vh 6vw 10vh 6vw;
    height: 30vh;
    /*padding: 15vh 10vw 15vh 10vw;*/
    /*height: 60vh*/
    line-height: 125%;
}

div#intro {
    
}

div#intro-banner {
    padding-bottom: .15em;
    font-family: 'Rubik', sans-serif;
    font-size: 80pt;
    font-variation-settings: 'wght' 500;
    line-height:89%;
    /*color: var(--color1);*/
    color: #fff;
}

/*@media only screen and (max-width: 700px) {
    div.main {
        padding: 40vh 6vw 10vh 6vw;
        height: 40vh;
    }

    div#intro-banner {
        font-size: 65pt;
    }
}*/

div#intro-contact {
    padding-left: .5em;
    line-height: 120%;
}

p.small {
    font-size: 9pt;
    line-height: 125%;
    padding-bottom: .1em;
}

b {
    color: #fff;
}

a#nuuk {
    display: block;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 5em;
    height: 5em;
}

div#ccby {
    display: block;
    position: fixed;
    right: 1em;
    bottom: 1em;
    font-size: 9pt;
    color: #fff;
    text-align: right;
}