:root {
    --max-width : 1420px;
}

@media (max-width: 1400px) {
    :root {
        --max-width: 1240px;
    }
}

@media (max-width: 1200px) {
    :root {
        --max-width: 1060px;
    }
}

@media (max-width: 992px) {
    :root {
        --max-width: 820px;
    }
}

@media (max-width: 768px) {
    :root {
        --max-width: 640px;
    }
}

@media (max-width: 576px) {
    :root {
        --max-width: 100%;
    }

    .container {
        margin: 0 1rem;
    }
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-family: "Mona Sans", sans-serif;
    background-color: rgba(25, 28, 63, 0.05);
}

.container {
    max-width: var(--max-width);
    margin: 0 auto;
}