a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
blockquote,q{
    quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
    content:"";
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}

@font-face{
    font-family:Roboto-Light;
    src:local("fonts/roboto"),url("../fonts/roboto/roboto-light.ttf") format("ttf"),local("fonts/roboto"),url("../fonts/roboto/roboto-light.woff") format("woff"),local("fonts/roboto"),url("../fonts/roboto/roboto-light.woff2") format("woff2");
    font-display:block
}
@font-face{
    font-family:Roboto-Bold;
    src:local("fonts/roboto"),url("../fonts/roboto/roboto-regular.ttf") format("ttf"),local("fonts/roboto"),url("../fonts/roboto/roboto-regular.woff") format("woff"),local("fonts/roboto"),url("../fonts/roboto/roboto-regular.woff2") format("woff2");
    font-display:block
}
@font-face{
    font-family:Roboto-Bold;
    src:local("fonts/roboto"),url("../fonts/roboto/roboto-bold.ttf") format("ttf"),local("fonts/roboto"),url("../fonts/roboto/roboto-bold.woff") format("woff"),local("fonts/roboto"),url("../fonts/roboto/roboto-bold.woff2") format("woff2");
    font-display:block
}
*{
    appearance:none;
    font-family:Roboto-Light;
    color:#191a24;
    line-height:1.5;
    scrollbar-width:none;
    scroll-behavior:smooth;
    cursor:url("../icons/cursor/cursor.svg") 0 0,auto!important
}
::-webkit-scrollbar{
    display:none
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0
}
.main-content{
    align-items:center;
    z-index:5;
    background-position:bottom;
    display:flex;
    flex-flow:column nowrap;
    font-family:Red Hat Text,sans-serif;
    min-height:100vh;
    justify-content:flex-start;
    line-height:1.5;
    padding-top:15vh;
    position:relative
}
.button{
    padding:8px 24px;
    text-decoration:none;
    background-color:#eb4a4b;
    text-align:center;
    color:#fff;
    border:none;
    outline:none;
    font-size:20px;
    box-shadow:none;
    cursor:pointer
}
.page{
    background-color:#191a24
}
.stars__container{
    z-index:-3
}
.stars__star{
    width:2px;
    height:2px;
    border-radius:6px;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    background:#fff;
    opacity:.9;
    box-shadow:0 0 10px hsla(0,0%,100%,.7);
    animation:linear infinite a;
    opacity:1
}
@keyframes a{
    0%{
        opacity:1
    }
    50%{
        opacity:.2
    }
    to{
        opacity:1
    }
}
.timer{
    display:flex;
    flex-flow:row nowrap;
    z-index:5
}
.timer__block{
    align-items:center;
    display:flex;
    flex-flow:column nowrap;
    margin-right:30px
}
.timer__block:last-child{
    margin-right:0
}
.timer__element{
    background-color:#33354d;
    border-radius:0px;
    box-shadow:0 8px 0 0 #191a24;
    font-size:5.5em;
    height:140px;
    line-height:138px;
    margin-bottom:27px;
    overflow:hidden;
    position:relative;
    text-align:center;
    width:150px
}
.timer__element:after,.timer__element:before{
    background:#191a24;
    border-radius:0;
    transform:rotate(45deg);
    content:"";
    height:5px;
    position:absolute;
    top:calc(50% - 2.5px);
    width:5px;
    z-index:6
}
.timer__element:before{
    left:-2.5px
}
.timer__element:after{
    right:-2.5px
}
.timer__element>span{
    left:0;
    position:absolute;
    right:0;
    -webkit-backface-visibility: hidden;
}
.timer__element--top,.timer__element--top-back{
    backface-visibility:hidden;
    height:50%;
    overflow:hidden
}
.timer__element--bottom-back:after,.timer__element--top:after{
    bottom:0;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    width:100%;
    z-index:-1
}
.timer__element--top{
    background-color:#292a3e;
    transform-origin:50% 100%;
    transform:perspective(200px);
    z-index:3
}
.timer__element--top-back{
    background-color:#33354d;
    bottom:0;
    transform-origin:50% 0;
    transform:perspective(200px) rotateX(180deg);
    z-index:4
}
.timer__element--top-back span{
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:-100%
}
.timer__element--bottom{
    z-index:1
}
.timer__element--bottom:before{
    content:"";
    display:block;
    height:50%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.timer__element--bottom-back{
    background-color:#292a3e;
    height:50%;
    overflow:hidden;
    top:0;
    z-index:2
}
.timer__element--bottom-back span{
    bottom:0;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    top:0
}
.timer__subtitle{
    color:#fff
}
@media only screen and (max-width:768px){
    .timer{
        flex-direction:column
    }
    .timer__block,.timer__block:last-child{
        margin-right:0
    }
    .timer__element{
        margin-bottom:10px
    }
    .timer__subtitle{
        margin-bottom:50px
    }
}
.title__title{
    font-size:5em;
    font-weight:bolder;
    margin:20px 20px 0
}
.title__subtitle,.title__title{
    color:#fff;
    letter-spacing:8px;
    text-align:center;
    text-transform:uppercase
}
.title__subtitle{
    font-size:1.5em;
    margin:10px 20px 109px
}
.author{
    margin-top:auto;
    padding:45px 15px 15px
}
.author__link,.author__text{
    color:#fff;
    text-decoration:none;
    font-size:12px
}
.author__icon{
    color:#951212;
    margin:0 5px
}
.welcome{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.welcome__logo{
    width:500px;
    height:500px;
    display:block;
    margin:0 auto 50px
}
.welcome__title{
    font-size:55px;
    font-family:Roboto-Bold;
    margin-bottom:25px
}
.header{
    padding:16px 32px
}
.header__list{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:cenrter
}
.header__list-item{
    list-style:none
}
.header__list-link{
    color:#fff;
    text-decoration:none;
    padding:16px
}
/*# sourceMappingURL=central.css.map */