*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.logo-img{
width: 100%;
margin: 30px 0!important;
transform: scale(0.94);
animation: scale 4s forwards cubic-bezier(0.5, 1, 0.89, 1) ;

}
.construction{
  text-align: center;
  font-size: 35px;
  font-weight: bold;
  color:#003160;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.logo{
  width: 500px;
  margin: 0 auto;
}
@media (max-width:576px) {
  .logo{
    width: 300px;
  }
  .construction{
   font-size: 21px;
  }
}



h1 {
  max-width: 40ch;
  text-align: center;
  transform: scale(0.94);
  animation: scale 4s forwards cubic-bezier(0.5, 1, 0.89, 1) infinite;
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}

span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
}

span:nth-child(1) {
  animation: fade-in 1.5s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0)  ;
}

span:nth-child(2) {
  animation: fade-in 2s 2s forwards cubic-bezier(0.11, 0, 0.5, 0)  ;
}




@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}