home.css

#home{
  /* margin-left: 9px; */
  height: 100vh;
  overflow: hidden;
  /* background: rgba(0, 0, 0, 0.699); */
}
#home .inhome{
  margin-top: 5%;
} 
.inhome .introimg{ 
  display: flex;
  justify-content: center;

}
.introimg svg{
  /* background-color: white; */
  height: 40vh;
  width: 95%;
  animation: img var(--load-time) ease-in;
}
.inhome .homepg{
 display: flex;
 justify-content: center;
 align-items: center;
 height:40vh;
 /* background-color: rgb(37, 24, 24); */
}
.homepg p{
  font-family: sans-serif;
  font-size: 1.4em;
  width: 90%;
  text-align: center;
  animation: page var(--load-time) ease-in;

}
.homepg p a{
  text-decoration: none;
  color: rgb(0, 42, 78);
  /* display:contents; */
  /* font-size:0.8em; */
  width: 90%;
  text-align: center;
}

@keyframes img{
    0%{
    transform: translatex(100%);
    opacity: 0;
  }
  100%{
  
    transform: translate(0%);
  }
}
@keyframes page{
  0%{
  transform: translateY(50%);
  opacity: 0;
}
100%{

  transform: translateY(0%);
}
}