*{
    color: var(--text-color);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Nunito', sans-serif;
    list-style: none;
    text-decoration: none;
    scroll-behavior: smooth;
    scroll-padding-top: 3.5rem;
}
:root{
    --bg-color: #101010;
    --secound-bg-color: #191919;
    --text-color: #fff;
    --secound-color: #c6c9d8bf;
    --main-color: rgb(66, 0, 189);
    --third-color: #262626;
    --fourth-color: #2e2a2a;
    --fith-color: #1600da;
    --big-font: 5.3rem;
    --h2-font: 4.3rem;
    --p-font: 1.1rem;
    --green-color: rgb(96, 6, 148);
}


.back-video{
   position: absolute;
   right: 0;
   bottom: 0;
   z-index: -1;
}

@media (min-aspect-ratio: 16/9){
    .back-video{
        width: 100%;
        height: auto;
    }
}
@media (max-aspect-ratio: 16/9){
    .back-video{
        width: auto;
        height: 100%;
    }
}