@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Raleway:wght@400;500;600;700&family=Roboto+Mono:wght@300;400;500;600&display=swap');

*{
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 18px;
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

body{
    padding-top: var(--root_currentPaddingTop, 0px);
}
body.noScroll{
    overflow: hidden;
}

.overlay{
    position: fixed;

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    display: none;

    background-color: rgba(0, 0, 0, 0.5);

    z-index: 101;
}
.overlay.active{
    display: block;
}
.overlay.transparent{
    background: transparent;
}

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