@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');


body
{
    background-color: rgb(250, 213, 199);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.boutons
{
    text-align: center;
    border-radius: 50px;
    padding: 15px;
    margin: 15px;
    background-color: rgb(249, 247, 245);
    margin-top: 15%;
}

.ym p
{

    align-items: center;

}


.ronde
{
border-radius: 180%;
height: 200px; width: 200px;

}
*
{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:Crimson Text, sans-serif ;
}
.bloc
{
    position: relative;
    width: 100%;
    max-width: 1000px;
    min-height: 1000px;
    background: rgb(247, 244, 244);
    display: grid;
    grid-template-columns: 1fr 2fr;
    box-shadow: 0 35px 55px 
}

h2
{
color: rgb(248, 247, 243);
font-size:14px;
}



.blocgauche
{
    position: relative;
    background: rgba(8, 104, 133, 0.928);
    padding: 40px;
}
.profiltext
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid rgb(250, 231, 199);
    text-align: center;
    
}
.imagebloc 
{
position: relative;
width: 200px;
height: 200px;
border-radius: 100%;
overflow: hidden;
margin-bottom: 30px;
}

 img
 {
top: 0% ;
left: 0%;
width: 100%;
}



.blocdroit
{
    position: relative;
    background:rgb(254, 254, 255); 
    padding: 50px;
    width: 100%;
    text-align: left;
    
}
.contact
{
    text-align: center;
    color: rgb(255, 255, 255);
font-size:14px;

}
.contact
{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom:20px;
    border-bottom:2px solid rgb(250, 231, 199);
    text-align: center;
    
}
.contact {
    color: rgb(248, 244, 237);
    font-family: Arial, Helvetica, sans-serif;
    
}

.profil h1
{
     
    text-decoration:underline;
    
     }
     .ym
     {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 5%;
         color: rgb(6, 109, 130);
         border-width: 2px;
         border-style: solid;
         align-items: center;
         justify-content: center;
    }
     
     .ym
      hr{
        width: 50px; 
        }

  .bla
  {
    text-align: center;
    padding: 3%; color: rgb(6, 109, 130);
         border-width: 2px;
         border-style: solid;
         align-items: center;
         justify-content: center;
    }

   .presentation
   {
    padding: 5%;
    text-align: center;
   }

   .experience
   {
    text-decoration: underline;
    font-size: 80%;
    padding:2%;
    }

   .blabla
   {
    padding:2%;

   }

   .formation
   {
    text-decoration: underline;
    font-size: 80%;
    padding: 3%;
   }
   
   .competences 
   {
    text-decoration: underline;
    font-size: 80%;
    padding: 2%;
    text-align: center;
   }

    @media screen and (max-width:600px)

   {
        .bloc
       {
        min-height:600px;
        display: flex;
        flex-direction: column;
       }
       .blocdroit
       {
        word-wrap: break-word;
        min-height:600px;
        display: flex;
        flex-direction: column;
       }
    }