html {
    height: 100%
}

html body {
    background-color: #000;
    font-family: "Montserrat", sans-serif;
    height: 100%
}

.wrapper-total {
    bottom: 0;
    display: grid;
    grid-template-rows: 140px minmax(300px, 1fr) 140px;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.logo {
    position: absolute;
    height: 25vh;
    left: 50%;
    max-height: 270px;
    max-width: 640px;
    top: 160px;
    transform: translateX(-50%);
    width: 30vw
}

.logo img {
    height: 100%;
    object-fit: contain;
    object-position: 50% 0;
    width: 100%
}

.bck-black {
    background-color: #000
}

.countdown {
    font-size: 12vh;
    font-weight: 900
}

.countdown-end {
    font-size: 6vh;
    font-weight: 900
}

.title {
    bottom: 20px;
    color: #fff;
    text-shadow: 0 2px 0 #000
}

.title h1 {
    font-size: 4vh;
    font-weight: 700px;
    line-height: 60px;
}

.title p {
    color: #fc0d62;
    font-size: 3vh
}

.wrap-sponsor .collaboration small {
    font-size: 14px;
    letter-spacing: 2px
}

.wrap-sponsor img {
    height: 50px
}

.video-background {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh
}

.video-background iframe {
    opacity: .3;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%)
}

@media(min-aspect-ratio: 16/9) {
    .video-background iframe {
        height: 56.25vw
    }
}

@media(max-aspect-ratio: 16/9) {
    .video-background iframe {
        width: 177.78vh
    }
}

.blink-1 {
    -webkit-animation: blink-1 4s infinite both;
    animation: blink-1 4s infinite both;
}

@-webkit-keyframes blink-1 {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes blink-1 {

    0%,
    50%,
    100% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

/*# sourceMappingURL=main.css.map */