body{
    background: white;
    margin: 0;
}

 /*header*/
 header{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   align-items: center;
   height: 250px;    
}
header ul{
  display: flex;
  flex-direction: row;
}
header li{
  padding: 10px;
  border: 1px solid white;
  border-radius: 8%;
}
header h1{
   display: flex;
   align-content: center;
   justify-content: center;
   width: 50%;
   font-weight: 1.2em;
}
h1{
   font-style: italic ;
   font-weight: 1.2em;

}
 .presentation{
    background-color:palevioletred;
    color: black;
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100%;
    border-bottom-left-radius: 80px ;
    display: ;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24); 
    box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24);
    padding: 20px;  
    width: 50%;   
}
 .presentation ul{
    display: flex;
    flex-direction: row;
    list-style: none;
    justify-content: space-around;
 }
 .presentation p{
    display: flex;
    flex-direction: column;
    align-content: space-around;
    padding: 10px;
    font-size: 1.3rem;
    font-weight: 300;
 }
 .logo{
   display: flex;
   flex-direction: row;
   justify-content: space-evenly;
}

/*main*/
/*Mes projets*/
main h1{
   margin-left: 50px;
}
.projet-container{
   display: flex;
   flex-direction: row;   
   width: 100%;
   gap: 10px;
}
 .projets{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: lightpink;
    color: black;      
    align-items: center;
    font-family: sans-serif;
    gap: 10px;
    border-radius: 15px;
    -webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24); 
    box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24);
    padding: 20px;     
 } 
 .photo{
   height: 150px;
   width: 150px;
   border: 2px solid black;
   object-fit: cover;
   display: flex;
   align-items: center;
}

 /*Apropos*/   
 .apropos{
   display: flex;
   flex-direction: row;
   background-color:palevioletred;
   color: black;
   border-radius: 15px;
   -webkit-box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24); 
    box-shadow: 0px 0px 11px 4px rgba(0,0,0,0.24);
    padding: 20px;     
}
.bio .p{
   font-size: 1.3em;
   font-weight: 300;
}
.bio .bouton{
   padding: 5px;
   width: fit-content;
}
.bio{
   width: 50%;
   padding: 30px;
   font-size: 1.3em;
   font-weight: 300;
}
.bouton{    
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 8px;    
   padding: 8px 16px;
   font-weight: 500;
   background-color: white;
   color:black;
   margin: 8px 0px; 
   border: 2px solid black;  
   text-decoration: none;  
   gap: 8px;
}
.formation{
   display: flex;
   flex-direction: column;
   align-items: flex-start ;
}
.parcours{
   display: flex;
   flex-direction: column;
}
.competences{
   padding: 30px;
}
     
 .competences-container .logo{
display: flex;
gap: 16px;
}
 
 /*footer*/
 footer{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-items: center;
}
footer p{
   font-weight: 200;
   font-size: 1.2em;
   font-style: italic;
}