@import url('all.min.css');
@import url('fontawesome.min.css');
@import url('header.css');
@import url('footer.css');
@import url('main.css');
@font-face {
    font-family: dyna;
    src: url(../fonts/dynapuff.ttf);
}



*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar{
    width: 15px;
}

::-webkit-scrollbar-track{
    background-color: rgb(216, 235, 252);
}

::-webkit-scrollbar-thumb{
    background-color: rgb(0, 136, 255);
}

::-webkit-scrollbar-thumb:hover{
    background-color: rgb(1, 125, 233);
}

::-webkit-scrollbar-thumb:active{
    background-color: rgb(1, 91, 171);
}

body{
    font-family: dyna , 'Courier New', Courier, monospace;
}

ul{
    list-style-type: none;
}

a{
    text-decoration: none;
}

img{
    width: 100%;
}

.wowovi{
    color:rgb(0, 136, 255);}

.container{
    max-width: 1300px;
    margin: 0 auto;
}

.block{
    animation: appear 5s linear;
    animation-timeline: view();
    animation-range: entry 0% cover 35%;
}

@keyframes appear{
    from{
        opacity: 0;
        scale: 0.5;
    }
    to{
        opacity: 1;
        scale: 1;
    }
}