:root{

    --colLight: #ffffff;
    --colLightRGB: 255,255,255;

    --colDark: #000000;
    --colDarkRGB: 0,0,0;

    --colBg: #202A34;
    --colBgRGB: 69, 90, 100;

    --colBgdark: #343c46;
    --colBgRGB: 69, 90, 100;

    --colMain: #5ef919;
    --colMainRGB: 94,249,25;

    --colAccent: #f97d28;
    --colAccentRGB: 249,125,40;

}

* {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:middle;
    background:transparent;
}

body{
    margin: 0;
    background-color: #ddeb17;
    /*font-family: "AvenirN", sans-serif;*/
}

#all{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    padding: 0px;
    margin: 0;
    overflow: hidden;
}

#pbg{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.fadepic{
    position: absolute;
    width: 90vw;
    height: 90vh;
    object-fit: contain;
    object-position: center center;
    opacity: 0;
    transition: opacity 1s ease;
    will-change: opacity;
}

.fadepic.active{
    opacity: 1;
}

#countdown{
    font-size: 3.4vw;
    font-weight: bold;
    color: #202A34;
    position: relative;
    z-index: 999;
    top: 35vmin;
    opacity: .7;
}

/*@font-face {*/
/*    font-family: 'AvenirN';*/
/*    src: local('Avenir Next Ultra Light'), local('AvenirNext-UltraLight'),*/
/*    url('fonts/av.woff2') format('woff2'),*/
/*    url('fonts/av.woff') format('woff'),*/
/*    url('fonts/av.ttf') format('truetype');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'AvenirN';*/
/*    src: local('Avenir Next Bold'), local('AvenirNext-Bold'),*/
/*    url('fonts/avb.woff2') format('woff2'),*/
/*    url('fonts/avb.woff') format('woff'),*/
/*    url('fonts/av.ttf') format('truetype');*/
/*    font-weight: bold;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/