@font-face{
    font-family: 'GTHAP';
    src: url('../fonts/GTAmericaBold.ttf');
}


body{
    margin: 0;
    font-family: 'GTHAP';
    height: 100vh;
}

.center
{
    text-align: center;
}
.hapdailyapp1
{
    font-size: 20px;
    padding: 0 10px;
}
.hapdailyapp2 p {
    color: #ee5023;
    animation: glow 2s ease-in-out infinite alternate;
}
.hapdailyapp2 ul li
{
    list-style-type: none;
    display: inline-block;
}
.hapdailyapp2 ul
{
    padding: 0;
}
.hapdailyapp {
    position: absolute;
    top: 45%;
    width: 100%;
}
.hapdailyapp2 {
    position: absolute;
    width: 100%;
    bottom: 0;
}

@-webkit-keyframes glow {
     from {
      color: #ee50235c;
    /*text-shadow: 0 0 10px #ee5023, 0 0 20px #ee5023, 0 0 30px #ee5023, 0 0 40px #ee5023, 0 0 50px #ee5023, 0 0 60px #ee5023, 0 0 70px #ee5023, 0 0 90px #ee5023;*/
  }
  
  to {
     color: #ee5023;
    /*text-shadow: 0 0 20px #ee5023, 0 0 30px #ee5023, 0 0 40px #ee5023, 0 0 50px #ee5023, 0 0 60px #ee5023, 0 0 70px #ee5023, 0 0 80px #ee5023, 0 1 90px #ee5023;*/
  }
}


@media(max-width: 767px){
    
    .hapdailyapp2 ul li {
        display: block;
    }
}
@media screen and (min-width: 320px), screen and (max-height: 700px) {
    .hapdailyapp2 ul li {
        /*display: inline-block;*/
    }
}