body {
background-image: url("../img/1.png");
background-size: cover;
background-repeat:no-repeat;
}

p {
font-family: 'Oxygen', sans-serif;
width: 50%;
height:10%;
margin-top:12%;
margin-left:2%;
color:white;
text-transform: lowercase;
}

a {
text-decoration:none;
font-family: 'Odibee Sans', cursive;
font-size: 24px;
color:red;
padding:20px;
background-color:white;
border-radius: 10px;	/*arrondi des boutons*/
box-shadow: 5px 5px 0px #aaa;	/*ombre boutons*/
}

.survol { /*class qui apparaît au survol du bouton*/
box-shadow:10px 10px 0px #616161;
padding:25px;
}

.survol2 {/* class qui apparaît lorsque la souris sort du bouton*/
box-shadow:5px 5px 0px #aaa;
padding:20px;
}

.wrapper {
margin-top:20%;
display:grid;
grid-template-columns: repeat(3, 1fr);	
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
}

.A {
grid-column: 1;
text-align:center;
}

.B {
grid-column: 2;
text-align:center;
}

.C {
grid-column: 3;
text-align:center;
}

.A > a {
color:#289CD4;
}

.B > a {
color:#E7458F;
}

.C > a {
color:#95bF22;
}



@media screen and (max-width: 1200px) {
.wrapper {margin-top:10%;}
p{margin-top:8%;}
}

@media screen and (max-width: 800px) {
a{font-size:18px;}
p{margin-top:6%;}
}