@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');
@import url('https://use.typekit.net/jry2vdw.css');

:root {
    --color-orange: rgb(249, 181, 0);
    --animation-duration: 6s;
    --margin: 2%;

    font-family: Montserrat, sans-serif;

    box-sizing: border-box;    
    padding: 0;
    margin: 0;
}

*,
*::after,
*::before {
    box-sizing: inherit;
}


body {
    max-width: 100vw;
    overflow-x: hidden;
}

img {
    max-width: 100%;    
}

/* 768px */
@media (min-width:48rem) {
    :root { 
        --margin: 5%;
    }
}

/* 1280px */
@media (min-width:80rem) {
    :root { 
        --margin: 10%;
    }
}

.error {color:#DC2626}