:root {
    --yellow-color: #FFD700;
    --blue-color: #58EBE7;
    --black-color: #262C38;
    --s-val: 10px;
    --roboto-font: "Roboto", sans-serif;
}

.site__container {
    color: var(--black-color);
    font-family: "Montserrat", sans-serif;
    font-size: var(--s-val);
    box-sizing: border-box;
}

@media screen and (max-width: 1400px) {
    .site__container {
        --s-val: 0.7vw;
    }
}

@media screen and (max-width: 768px) {
    .site__container {
        --s-val: 2.7vw;
    }
}