#sekarpadma{
  font-family: 'Kaushan Script';
  font-style:italic;
  font-weight: 900;
}



@media screen and (width < 451px){
    
    div[name='selamat-datang']{
        text-align: center;
    }
    
    div[name='selamat-datang'] > h5{
        font-size: 12pt;
    }
    
    
     div[name='selamat-datang'] > h1{
        margin-top: 20%;
    }

}



@keyframes osa{

  from{
    opacity: 0;
    transform: translateX(-100px);
  }

  to{
    opacity: 1;
    transform: translateX(0px);
  }

}

.osa-anim{
  animation-name: osa;
  animation-timing-function: ease-out;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-play-state: running;
}