@import "reset.css";

:root{
    --max-width-wide: 1100px;
    --max-width-not-full: 1800px;

    --width-max: 1920px;
    --width-limited: 1100px;

    --base-font-size: 0.95rem;
    --base-font-weight: 300;

    --base-font-color-black: rgb(35, 37, 40);
}

*{

    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-synthesis: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

html{
    font-size: var(--base-font-size);
}

body{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
}

.uppercase{
    text-transform: uppercase;
}

main{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.force-scroll-lock{
    overflow: hidden !important;
}