Css page 1033

1033

/*
================================================================================
Mise en page générale
================================================================================
*/
html, body {
margin: 0;
padding: 0;
width: 100%;
min-height: 100vh;
background: var(–background);
font-family: ‘Montserrat’, sans-serif;
font-size: 16px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
}

h1 {
color: var(–yellow);
font-size: 4rem;
text-transform: uppercase;
width: 100%;
text-align: center;
margin: 40px 0 20px 0;
}
@media screen and (max-width: 600px) {
h1 {
font-size: 3rem;
}
}

p {
color: var(–yellow);
font-size: 1.2rem;
width: 100%;
padding: 20px;
text-align: center;
}

/* Conteneur des icônes */
.icon-container {
display: flex;
/* Réactivation de l’habillage des lignes */
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 20px;
}