.div1 a{
    font-size: 40px;
    font-family: "Source Sans Pro",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    color: white;
    
}
@keyframes moveLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
@keyframes moveRight {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0%);
    }
  }
body{
    background: linear-gradient(112.1deg, rgb(32, 38, 57) 11.4%, rgb(63, 76, 119) 70.2%);
    min-height: 100vh;
    font-family: "Source Sans Pro",'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.div1{
    width: 60%;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    animation: moveRight 1s forwards;
}
.div2{
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400;
    animation: moveLeft 1s forwards;
    
}
.div3{
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400;
    animation: moveRight 1s forwards;
}
.div4{
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 400;
    animation: moveLeft 1s forwards;
}
.div5{
    width: 100%;
    padding-left: 30px;
    font-size: 18px;
    font-weight: 300;
    animation: moveRight 1s forwards;
}
.div2 a,.div3 a,.div4 a,.div5 a{
    padding-left: 10px;
}
.div2 h3,.div3 h3,.div4 h3,.div5 h3{
    margin:0;
    padding: 0;
    padding-bottom: 8px;
    color:#ffffff;
    font-size: 28px;
    font-weight:300;
}
.fas{
    color:rgb(193, 59, 59);
}
#backbutton img{
  width: 36px;
}
.huree{
    background: linear-gradient(112.1deg, #7AB2D3 60%, rgb(200,234,255) 100%);
    width: 60%;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('./fonts/SourceSansPro-Light.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@media (max-width: 766px) {
  .huree{
    width: 96%;
  }
  .div5 {
    width: 90%;
  }
}
@media (max-width: 1200px) {
  .huree{
    width: 96%;
  }
  .div5 {
    width: 90%;
  }

}