* {
    -webkit-tap-highlight-color: rgba(102, 126, 234, 0.2);
}

body.menu-open {
    overflow: hidden;
    touch-action: none;
}

@media (max-width: 900px) {
    html {
        font-size: 15px;
    }

    .base__btn {
        min-height: 44px;
        min-width: 44px;
    }

    input,
    button,
    select,
    textarea {
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 14px;
    }
}

@media (hover: none) and (pointer: coarse) {
    .menu__link:hover,
    .base__btn:hover {
        transform: none;
    }

    .menu__link:active,
    .base__btn:active {
        transform: scale(0.98);
    }
}