@font-face {
    font-family: 'RodchenkoCTT';
    src: url('./../fonts/RodchenkoC.woff2') format('woff2'),
    url('./../fonts/RodchenkoC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.slogan {
    font: 600 32px/1.3 'Montserrat';
    color: '#ffffff';
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.in-development-title {
    font: 500 22px 'Montserrat';
}
.email-link {
    text-decoration: none;
    margin-left: 10px;
}
.timer .n {
    font-family: 'RodchenkoCTT', arial;
    font-size: 150px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.timer .v {
    font: 600 32px/41px 'Montserrat';
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
main {
    align-items: center;
    justify-content: center;
    flex: 1;
    display: flex;
}
.email {
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo {
    max-width: 100%;
}
@media (max-width: 992px) {
    .timer .n {
        font-size: 100px;
    }
}
@media (max-width: 778px) {
    .slogan {
        font-size: 22px;
    }
    .in-development-title {
        font-size: 18px;
    }
    body {
        display: block;
    }
}

@media (min-width: 778px) {

    body, html {
        height: 100% !important;
    }
}

.cover-container {
    flex: 1;
}
body {
    background: url('./../img/bg-3.jpg') no-repeat center;
    background-size: auto 100%;
}