:root{
    --marron:#ffcabf;
    --marron-clair:#d5b199;
    --sable:#fffadd;
    --vert:#aeba92;
    --orange:#f38200;
}
.header{
    background-color: var(--marron);
}
.content .textbox h2 span{
    color:var(--orange)
}
.circle, .circle1{
    background-color:var(--orange);

}
.polygon{
    background-color: var(--sable);
}
.moi-footer{
    color:var(--marron)
}


/******************* main */
.bouton{
    display:flex;
    justify-content: space-around;
    margin-top:5vh;
}
.bouton a{
    color:var(--orange);
    text-decoration: none;
    font-size:2em;
    letter-spacing: 0.2em;
    font-weight: 500;
    font-variant-caps: small-caps;
}
.web{
    border-color: var(--vert);
    border-style: solid;
    border-radius: 2vh;
    padding: 1vh;
    margin-bottom: 1vh;
   }
/** design **/
#design{
    margin-top:10vh;
}
main h1{
    font-size:2em;
    color:var(--orange);
    font-variant-caps: small-caps;
    letter-spacing: 0.1em;
    margin-bottom:5vh;
}
main h2{
    font-size:1.6em;
    color: var(--marron-clair);
    font-weight: 700;
    margin-left:2vh;
    font-variant-caps: small-caps;
   
}
main h3{
    font-size:1.3em; 
    font-style: oblique;
}
.Carte{
    display:flex;
  justify-content: space-around;
  background-color: var(--sable);
  padding:5vh
}
.Carte img{
    width:90%;
    height:90%;
}
.Flyer{
    margin-top:5vh;
}
.flyer-bubu img{
    width:90%;
}
.flyer-bubu{
    display: flex;
    justify-content: space-around;
}
.flyer-bubu :hover{
    width:100vh;
}
.maquettes{
    display:flex;
    justify-content: end;
}
.maquettes img{
    width:50%;
}
/**Différent projet **/
.tape-taupe img, .number img, .question img, .projet-solo img, .rapport-stage img{
 width:100%;
 height:60%

}
.tape-taupe, .number, .question, .projet-solo, .rapport-stage{
    background: var(--orange);
    width:30%;
    margin-left:4vh;
    border-radius: 2vh;
    text-align: center;
}
.jeux{
    display:flex;
    justify-content:space-evenly;
}
.catégorie, .boutons{
    background: linear-gradient(to bottom, var(--orange), #ffd9ad);
    width:10%;
    margin-left:3vh;
    border-radius: 2vh;
    padding:2px
}
.catégorie1{
    background: linear-gradient(to bottom, var(--vert), #c5f7be);
    width:20%;
}
.boutons{
    width:25%;
    font-weight: 700;
    margin-left:40%;
    padding:1vh;
    color:white;
    
}
.bouton a {
    text-decoration: none;
}
.questionnaire{
    margin-top:5vh;
}
.question{
    margin-bottom:5vh;
    padding-bottom:5vh;
    margin-left:35%;
}