/**
 * @author: Yoann Le Crom <yoann.lecrom@abstractive.fr>
 * date:    2020-02-05 16:15:50
 */

* {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html, body {
    height: 100%;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #1a1a1a;
}
button, input, optgroup, select, textarea {
    font-family: 'Source Sans Pro', sans-serif;
}

a {
    color: #333;
}

*[onclick] {
    cursor: pointer;
}

@media (min-width: 1600px) {
    html {
        font-size: 71.43%;
    }
}
@media (min-width: 1800px) {
    html {
        font-size: 80.36%;
    }
}
@media (min-width: 2000px) {
    html {
        font-size: 83%;
    }
}
@media (min-width: 2200px) {
    html {
        font-size: 85%;
    }
}
@media (min-width: 2400px) {
    html {
        font-size: 95%;
    }
}
@media (min-width: 2600px) {
    html {
        font-size: 105%;
    }
}
@media (min-width: 2800px) {
    html {
        font-size: 115%;
    }
}
@media (min-width: 3000px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 3200px) {
    html {
        font-size: 135%;
    }
}
@media (min-width: 3400px) {
    html {
        font-size: 145%;
    }
}
@media (min-width: 3600px) {
    html {
        font-size: 155%;
    }
}
@media (min-width: 3800px) {
    html {
        font-size: 165%;
    }
}
@media (min-width: 5000px) {
    html {
        font-size: 200%;
    }
}