/*@import url('https://fonts.googleapis.com/css?family=Jura');*/

@font-face {
    font-family: "Jura Medium";
    src: url("resources/Jura-Medium.ttf");
    font-display: swap;
}

@font-face {
    font-family: "Signika Regular";
    src: url("resources/Signika-Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: "Droid Sans";
    src: url("resources/DroidSans.ttf");
    font-display: swap;
}

:root {
    --background-color: #2a5aaa;
}

@font-face {
    font-family: "Lucida Console";
    src: url("resources/LUCON.TTF");
}

html {
    scroll-behavior: smooth;
    background: var(--background-color) !important;
}

article>h2{
    font-family: "Signika Regular";
    font-size: 32px;
}

body{
    margin: 0px 0px 0px 0px;
    font-family: "Droid Sans";
    height: 100%;
   /*background: #5e5e5e;
    background: #f1f1f1;*/
    background: var(--background-color) !important;
    /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(white, #5e5e5e); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(white, #5e5e5e); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(white, #5e5e5e); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(white, #5e5e5e); /* Standard syntax (must be last) */
    /*background-color: #5e5e5e;*/
    /*animation: preload 1s;*/
}

@keyframes preload {
    99% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

/*.preload * {*/
/*    transition: none !important;*/
/*}*/

div>section{
    background-color: #ffffff;
    width: 100%;
}

section{
    position: relative;
    margin: 15px auto 30px auto;
    width: 1200px;
}

article{
    margin: 20px 10px 10px 10px;
    padding: 10px 15px;
    box-shadow: 0px 0px 20px black;
    background-color: #f0f0f0;
}

article h2:first-child, article h3:first-child {
    display: inline-block;
    max-width: 490px;
}

article > .post-date {
    float: right;
    padding: 15px 10px;
    font-size: 9pt;
}

@media screen and (max-width: 850px) {
    article > .post-date {
        float: unset;
    }
    article h2:first-child, article h3:first-child {
        display: block;
    }
}

article p{
    font-size: 12pt;
}

a.mainNav{
    font-family: "Jura Medium";
}

footer{
    background: transparent;
    /*background: linear-gradient(#a6c0cb, white);*/
    color: black;
    position: relative;
    width: 990px;
    margin: 50px auto 0 auto;
    min-height: 50px;
    overflow: hidden;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    animation: fadeInRiseFooter 2s;
    padding-bottom: 100px;
}

footer>span{
    background-color: transparent;
}

@media screen and (max-width: 1267px){
    section{
        margin:15px 20px 30px 20px;
        width: auto;
        left: auto;
        transform: translateX(0);
    }
    footer{
        padding: 0 10px;
        width: auto;
    }
    header>div{
        padding-bottom: 10%;
    }
}
@-webkit-keyframes fadeInRise {
    from{
        transform: translateY(50%);
        opacity: 0;
    }
    40%{
        opacity: 0;
    }
    to{
        transform: none;
        opacity: 1;
    }
}
@-webkit-keyframes fadeInRiseFooter {
    from{
        transform: translateY(50%);
        opacity: 0;
    }
    40%{
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}