/* -- Colors -- */
    /* -- FOREGROUND -- */
    .blacksecondary{
        color: #111111;
    }
    .red{
        color: #EE1D25;
    }
    .white{
        color: #FFFFFF;
    }
    .gray{
        color: #cccccc;
    }
    .graysecondary{
        color: #595959;
    }
    /* -- BACKGROUND -- */
    .black-bg{
        background-color: #000000;
    }
/* -- END.COLORS --*/

/* -- GLOBAl -- */
    html {
        font-size: 62.5%;
        box-sizing: border-box;
    }
    *, *:before, *:after {
        box-sizing: inherit;
        list-style: none;
        text-decoration: none;
        margin:0;
        padding: 0;
    }
    body {
        font-family: 'Inria Sans', sans-serif;
        font-size: 1.6rem;
        line-height: 1.8;
        color: #111;
    }
    ul{
        display: flex;
    }
    .contain {
        width: 76%;
        max-width: 120rem;
        margin: 0 auto;
    }
/* -- TEXT -- */
    p {
        font-size: 2rem;
    }
    h1, h2, h3 {
        margin: 0;
        font-weight: 700;
        text-align: center;
    }
    h1 {
        font-size: 3.8rem;
    }
    h2 {
        font-size: 3.4rem;
    }
    h3 {
        font-size: 3rem;
    }

/* -- BUTTONS -- */
    .button{
        padding: .5rem 2rem;
        text-align: center;
        font-weight: bold;
        display: block;
        border:none;
        transition: all .05s ease;
        border-radius: 12px;
    }
    .circle-button{
        padding: 1.5rem;
        text-align: center;
        border-radius: 100px;
        border:none;
        transition: all .05 ease-in-out;
        display: inline;
    }
    .button:hover{
        cursor: pointer;
    }
    .button-primary{
        color: #ffffff;
        background-color: #EE1D25;
    }
    .button-primary:hover{
        background-color: darken(#000, 10);
    }
    .button-terciary{
        color:#595959;
        background-color: #ededed;
    }
    .button-terciary:hover{
        background-color: darken(#000, 10);
    }
    .button-fourth{
        background-color: #C4C4C4;
    }
    .button-fourth:hover{
        background-color: darken(#000, 10);
    }
    .size-icon{
        width: 20px;
        height: 20px;
    }