@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
font-family: "Poppins", sans-serif;
position: absolute;
width: 100%;
left: 0px;
top: 0px;
margin: 0;
background: linear-gradient(to bottom right, #CAD6EE, #F5E4B8);
}
nav{
    display: flex;
    justify-content: space-around;
    align-items: center; 
}
.main {
color: #3275CD;
}
i {
justify-content: center;
}

.header h1 {
    position: absolute;
    width: 961px;
    height: 180px;
    left: 105px;
    top: 284px;
    
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 60px;
    line-height: 90px;

    color: #FFFFFF;
}
.green {
    color: #3275CD;
}
.Chart15 {
    position: absolute;
    width: 289.5824890136719;
    height: 289.5824890136719;
    top: 245px;
    right: 320px;
    
}
.Chart8 {
    position: absolute;
    width: 289.5824890136719;
    height: 289.5824890136719;
    top: 141px;
    left: 1591.78px;
}
.Ellipse806 {
    position: absolute;
    width: 290;
    height: 45;
    top: 412px;
    left: 1591px;
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-20px);
    }
    60% {
      transform: translateY(-10px);
    }
  }
  
  .bounce {
    animation: bounce 10s infinite;
  }
a { 
    text-decoration: none;
    color: #3275CD;
    cursor: pointer;
}

.bouton {
position: absolute;
width: 300px;
height: 104px;
left: 154px;
top: 605px;
color: #3275CD;
border: solid#3275CD;
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 22px;
box-sizing: border-box;
border: 4px solid #3275CD;
border-radius: 22px 50px 22px 22px;
background-color: #ffffff00;
}

p.text-bouton {
  position: absolute;
  width: 126px;
  height: 22px;
  left: 87px;
  top: 41px;
  

  /* identical to box height, or 73% */
  
  color: #3275CD;
  
}

button {
  box-sizing: border-box;

  position: absolute;
  left: 0%;
  right: 0%;
  top: 0%;
  bottom: 0%;
  
  border: 4px solid #3275CD;
  border-radius: 22px 50px 22px 22px;
}

.Ellipse807 {
  position: absolute;
  left: 125px;
  top: 525px;
}
.progressbar {


position: absolute;
width: 307;
top: 560px;
left: 1415px;
border-radius: 38px;

}
.text-progressbar {


  position: absolute;
  width: 307;
  top: 600px;
  left: 1490px;
  border-radius: 38px;
  font-family: 'Poppins';
  font-weight: 700;
  font-size: 70px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  
  
  }