@charset "utf-8"

/*              Css De La page d'accueil            */
body {
   background-color: #cce7f6 ;
   color : black;
   font-family:'Roboto', Helvetica, sans-serif;
}

.accueil{
   margin: 5rem;
   text-align: center;
}
.accueil > article > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 2rem;

}
.presentation {
   padding: 0rem 0 3rem 0;
   width: 45%;
}
.presentation > h1 {
   text-align: center;
   font-size: 3.75rem;
   color: white;
}
 main section h1{
   margin: 0;
   font-size: 3.075em;
   color: #fff;
   font-weight: 600;
   padding-bottom: 4rem;
   letter-spacing: -1px;
}
main section a img{
   border-radius: 8px;
   box-shadow: 0px 4px 8px black;
   max-width: 55rem;
   max-height: 30rem; 
}
main article p{
   margin: 0;
   text-align: center;
}
main section article{
   max-width: 80rem;
   text-align: center;
   display : flex;
   flex-direction: row;
}
main div iframe{
   border-radius: 2rem;
   border-radius: 20px solid black;
   box-shadow: 0px 4px 8px black;
}
main div{
padding-top: 4rem;
 text-align: center;
}
main div > h1 {
   padding-bottom: 2rem;
}