body{  margin: auto;      
}
    
#samer{
       background-color: brown;
       color:white;
       margin-block: 0;
       font-size: 11px;
       font-family: Arial, Helvetica, sans-serif;
       padding-top: 4.5%;
       display: flex;
       justify-content: center;
}

#nav-list{
          background-color: black;
          display: flex;
          margin-block: 0;
          position: fixed;
          width: 100%;

}   

#nav-list a{
            color: white;
            text-decoration: none;
            margin-block: 0;
            display: flex;
            justify-content: center;
            padding: 20px;
            margin-right: 80px;
            font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


header{background-image: url(../images/vgpng.png);
       height:133vh;
       background-size: cover;
}

h1{
   color: white;
   font-family: Arial, Helvetica, sans-serif;
   display: flex;
   justify-content: center;
   font-size: 65px;
   padding-right: 20%;
   padding-top: 40%;
}

#second{
         background-color: black;
         display: flex;
         justify-content: center;
         justify-content: space-evenly;
}

#second p{
          color: white;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          text-align: left;
          font-weight: bold;
}

main p{
       width: 99%;
       line-height: 2;
}

#bloc{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 3%;
        padding-bottom: 3%;
}

#bloc2{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 3%;
        padding-bottom: 3%;
        width: 30%;
}

#bloc2 p{
          color: rgb(41, 16, 131);
          font-family: Arial, Helvetica, sans-serif;
          font-size: 16px;
          text-align: left;
          font-weight: bold;
}

#bloc img{
          width: 99%;
}

#blueprout{
           background-image: url(../images/blue.png);
           background-size: cover;
           display: flex;
           justify-content: center;
           justify-content: space-evenly;
}


#blueprout img{
               width: 99%;
}

h2{
   background-color: brown;
   color: rgb(236, 236, 98);
   height: 90px;
   margin-block: 0;
   font-size: 30px;
   text-align: center;
   font-family: Arial, Helvetica, sans-serif;
   align-content: center;

}

#circle{
       display: flex;
       justify-content: center;
}

#circle img{
            width: 65%;
            padding-top: 5%;
            padding-bottom: 5%;
}


#infos p{
         padding-left: 13%;
         font-family: Arial, Helvetica, sans-serif;
         display: flex;
         flex-direction: column;
         line-height: 2;
}

#infos a{
         color: white;
         text-decoration: none;
}

#infos button{
              padding: 15px;
              margin-bottom: 10%;
              margin-left: 13%;
              margin-top: 2%;
}

button {
       background-color: black;
       border: none;
       font-family: "Roboto";
       border-radius: 12px;
}

footer{
       background-color: black;
       display: flex;
       align-items: center;
       justify-content: space-evenly;

}

footer img{
           width: 6%;

}