@font-face {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    src: 'Impact.ttf' format(‘truetype’);
}

body {
background-color: #ffffff;
}

h1 {
font-size: 100px;
color:#24676E;
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

h2 {
font-size: 75%;
color:#871919;
text-align: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

p, h3{
text-align: center;
color: #24676E;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

a {
display: block;
text-align: center;
font-size: 10px;
color: #871919;
justify-self: center;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

label, input, select, button {
display: block;
margin: 0 auto;
text-align: center;
margin-bottom: 10px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

button {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    border: 2px solid #871919;
    border-radius: 10px;
    background-color: #24676E;
    color: #ffffff;
    cursor: pointer;
}

.mon-bouton:hover {
    background-color: #871919;
  }