html {
    --background: #FFFFFF;
    --text: #2f2f2f;
    --light-text: #CCCCCC;
    --light-text2: #777777;
    --hover-link: #183a8f;
    --bar-hover: #181818;
    --font-size-small: 16px;
    --font-size-medium: 16px;
    --font-size-xlarge: 50px;
}

@media (prefers-color-scheme: dark) {
    html {
        --background: #111111;
        --text: #cecece;
        --light-text: #525252;
        --light-text2: #525252;
        --hover-link: #6891ea;
        --bar-hover: #eaeaea;

    }
}

body {
    font-family: 'Nunito', sans-serif;
    background-color:var(--background);
    color: var(--text);
}

.psText {
    color:var(--light-text2);

}
.psText a {
    color:var(--light-text2);
    cursor:pointer;
}

.divider {
    color:var(--light-text)
}

.homeButton {
    cursor:pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */

}

.homeButton a {
    text-decoration: none;
    color:var(--light-text);
}


.homeButton a:hover {
   color:var(--text);

}

img {
    border-radius:10px;
}

#projects {
    display:flex;
    max-width:880px;
    flex-wrap:wrap;
    margin-left:auto;
    margin-right:auto;

}

@media (max-width:935px) {
    #projects {
        justify-content: center;
    }
}

.header {
    position:relative;
    display:block;
    max-width:640px;
    margin-left:auto;
    margin-right:auto;
    font-size:var(--font-size-medium);
    color:var(--light-text);
}



.section {
    position:relative;
    display:block;
    max-width:640px;
    margin-left:auto;
    margin-right:auto;
    padding-left:5px;
    padding-right:5px;
}


.projectBox {
    display:block;
    padding-bottom:40px;
    padding-right: 20px;
    padding-left: 20px;
    width:400px;
}


#content {
    position:relative;
    display:block;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    padding-left:20px;
    padding-right:20px;

}

video {
    border-radius:10px;
    width:400px;
}


.centered {
    width:400px;
    display:block;
}
.bodyText {
    padding-top:8px;
    font-size:var(--font-size-medium);
    font-weight:300;
}

p {
    font-size:var(--font-size-small);
}

.newsletterText {
    font-size:var(--font-size-medium);
    font-weight:300;
    margin-bottom:10px;
    margin-top:10px;
}

.introText {
    font-size:var(--font-size-medium);
    font-weight:300;
    margin-bottom:17px;
    margin-top:10px;
}

.articles {
    margin-top:15px;
    margin-bottom:15px;
}

.articleLink {
    font-size:var(--font-size-medium);
    margin-top:25px;
    margin-bottom:25px;
    font-weight:700;

}

.articleLink a {
    text-decoration:none;
}
.articleLink a:hover{
    text-decoration:none;
}

.articleDescription {
    display:block;
    font-weight:300;
    font-size:var(--font-size-medium);
    color:#8e8e8e
}


#tryToHide {
    cursor:pointer;
}

.dots {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

a:visited {
   /* color: #8c8c8c;*/

}
a:link {

}

a:hover {
    text-decoration:none;
    color: var(--hover-link);
}

a {
    text-decoration:underline;
    color: var(--text);
    text-underline-offset: 3px;
}

.blueLink{
    border-bottom: 3px solid #606dc1;
    font-weight:500;
    text-decoration:none;
}

.blueLink:hover {
    border-bottom: 3px solid var(--bar-hover);
}
.greenLink{
    border-bottom: 3px solid #6cb82f;
    font-weight:500;
    text-decoration:none;
}
.greenLink:hover {
    border-bottom: 3px solid var(--bar-hover);
}


h1 {
    font-size:var(--font-size-xlarge);
    font-weight:700;
    margin-bottom:8px;
    margin-top:0px;
}


hr {
    border: none;
    height: 1px;
    background-color: #313131;
    margin: 30px 0;
}


/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(../res/font/nunito-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../res/font/nunito-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../res/font/nunito-700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}