@keyframes come{
    from {
        opacity: 0;
        
    }
    to {
        opacity: 1;
       
    }
    
}
body {
zoom: 0.9!important;
animation: come   3s forwards!important;
}


.subject{
font-size: 1.3rem!important;
color: red!important;
margin-bottom: 0rem!important;
margin-top: 10rem!important

}
@media only screen and (max-width: 1750px){
  body {
  /* zoom: 0.9!important; */
  animation: flyIn_personal   2s forwards;
}


}
@media only screen and (max-width: 1500px){
  .subject{
  font-size: 1.4rem!important;
  color: #2f3c84!important;
  margin-bottom: 3rem;
  margin-top: 6rem!important

}
}
@media only screen and (max-width: 1100px){
  .subject{
  font-size: 1.3rem!important;
  color: #2f3c84!important;
  margin-bottom: 3rem;
  margin-top: 5rem!important

}
}
@media only screen and (max-width: 992px){
  .subject{
  font-size: 1.2rem!important;
  color: #2f3c84!important;
  margin-bottom: 2rem;
  margin-top: 4rem!important

}


.top-header .icon{
  margin: 0px!important;
  font-size: 1.1rem!important;
}
.email-syte{
  padding: 0.35rem!important;

}
.phone-syte{
  padding: 0.35rem!important;

}
.location-syte{
  padding: 0.35rem!important;

}
}
@media only screen and (max-width: 450px){
  .subject{
  font-size: 1.1rem!important;
  color: #2f3c84!important;
  margin-bottom: 2rem;
  margin-top: 4rem!important

}
}