* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/* Colors Goblas*/
:root {
    --granateDark: #401021;
    --granateTransparent: rgba(149, 27, 129, .25);
    --granate: #74132B;
    --orange: rgba(237, 106, 34.0);
    --green: #8EB641;
    --marron:  #7B6A58;
    --beige: #CFB080;
    --withe: #ffffff;
    --text1: #575756;
    --text2: #878787;
    --text3: #B2B2B2;
    --text4: #DADADA;

    /*Font Family*/
    --fontPrincipal: "Exo 2", sans-serif;
    --fontSecundary: "Roboto", sans-serif;
}


html {
    font-size: 62.5%;
}
html h1, h2, h3 {
    font-family: "Viga", sans-serif;
}
html p {
    font-family: "Roboto", sans-serif;
}

body {
    width: 100vw;
}