* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Gulax-Regular';
    src: url('../Fonts/Gulax-Regular.eot'),
        url('../Fonts/Gulax-Regular.woff2'),
        url('../Fonts/Gulax-Regular.woff');
}

html {
    font-family: Helvetica, sans-serif;
    line-height: 1.4;
    font-size: 100%;
    color: #222;
    text-rendering: optimizeLegibility;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 1rem 2rem;
    font-size: 1rem;
}

h1 {
    font-family: 'Gulax-Regular';
    font-size: 5rem;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: 0;
    color: #e45d50;
}

h2 {
    font-family: 'Gulax-Regular';
    font-size: 2rem;
    line-height: 1.1;
    margin-top: 0;
    color: #e45d50;
}


a:link {
    color: #e45d50;
}

/* lien visité */
a:visited {
    color: #e45d50;
}

/* souris sur le lien */
a:hover {
    color: white;
    background-color: #e45d50;
}

/* lien sélécté */
a:active {
    color: #e45d50;
}


.unicode {
    color: #0000ff;
}

.unicode3 {
    display: none;
}

.unicode2 {
    display: contents;
    color: #0000ff;
}

.unicode5 {
    display: none;
}

.unicode4 {
    display: contents;
    color: #0000ff;
}

.button-primary {
    color: #e45d50;
    border: 2px solid #e45d50;
    border-radius: 45px;
    text-decoration: none;
    padding: 0.4em 0.6em;
}