/* =====================================
   CONTAINER
===================================== */

.container{

    width:min(
        100% - 40px,
        var(--container)
    );

    margin-inline:auto;

}

@media (max-width:420px){

    .container{

        width:min(
            100% - 28px,
            var(--container)
        );

    }

}

/* =====================================
   SECTIONS
===================================== */

section{

    padding:100px 0;

}

/* =====================================
   GRID
===================================== */

.grid{

    display:grid;

}

.flex{

    display:flex;

}