@import url(blocks/block1.css);
@import url(blocks/block2.css);
@import url(blocks/block3.css);
@import url(blocks/block4.css);
@import url(blocks/block5.css);
@import url(blocks/block6.css);
@import url(blocks/block7.css);
@import url(blocks/block8.css);
@import url(blocks/block9.css);
@import url(blocks/block11.css);
@import url(blocks/block10.css);
@import url(blocks/block12.1.css);
@import url(blocks/block12.2.css);
@import url(blocks/to-top-button.css);
@import url(blocks/fullscreen-menu.css);

html {
    scroll-behavior: smooth;
    font-size: 1vw;
    overflow-x: hidden;
}

a {
    cursor: pointer;
    font-weight: 600;
    color: #FAF8FE;
    text-decoration: none;
    font-size: 1rem;
}

.button-arrow {
    width: 1.2rem;
    aspect-ratio: 1/1;
    background-image: url("../images/button-arrow.png");
    background-size: 100% 100%;
    margin-left: 0.5rem;
}

body {
    overflow-x: hidden;
    margin: 0px;
    background: #0B0B0B;
    color: #FAF8FE;
    font-family: "Montserrat";
    /* font-family: "Unbounded"; */
    line-height: 1;
    z-index: -1000;
    position: relative;
    letter-spacing: -0.04rem;
}

@media (max-width: 768px) {
    html {
        scroll-behavior: smooth;
        font-size: 4.65vw;
        overflow-x: hidden;
    }

    .button-arrow {
        width: 1rem;
        height: 1rem;
        margin-left: 0.5rem;
    }

    .block2-contacts {
        display: none;
    }

    .block4-item.unactive1 {
        opacity: 0.3;
        transform: scale(0.5);
        transform-origin: left center;
    }

    .block4-item.unactive2 {
        opacity: 0.1;
        transform: scale(0.4);
        transform-origin: left;
    }
}