body{
    font-family: Arial, Helvetica, sans-serif;
    background: black;
}
.animation-box{
    width: 75%;
    height: 27.5rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.first-text{
    font-size: 4.0rem;
    color: white;
    position: absolute;
    left: 2.5rem;
    top: 5rem;
    opacity: 0;
    animation-name: untoldstory1;
    animation-duration: 5s;
}
.second-text{
    font-size: 3.0rem;
    color: white;
    position: absolute;
    top: 8rem;
    opacity:0 ;
    animation-name: untoldstory2;
    animation-duration: 5s;
    animation-delay: 4.5s;
}
.third-text{
    font-size: 2.0rem;
    color: white;
    position: absolute;
    left: 45%;
    top: 45%;
    opacity: 0;
    animation-name: untoldstory3;
    animation-duration: 5s;
    animation-delay: 9s;
    transform: rotate(-90deg);
    white-space: nowrap;
}
.fourth-text{
    font-size: 3.0rem;
    color: rgb(240, 68, 64);
    position: absolute;
    left: 10%;
    top: 10rem;
    opacity: 0;
    animation-name: untoldstory4;
    animation-duration: 10s;
    animation-delay: 13.5s;
}
.fifth-text{
    font-size: 3.5rem;
    color: yellow;
    position: absolute;
    left: 5%;
    bottom: 25%;
    opacity: 0;
    animation-name: untoldstory5;
    animation-duration: 17.5s;
    animation-delay: 19.5s;
}
@keyframes untoldstory1{
    0%{
        top: -3rem;
        opacity: 0;
    }
    75%{
        top: 25%;
        opacity: 1;
    }
    100%{
   
        opacity: 0;
    }
}
@keyframes untoldstory2{
    0%{
        top: -3rem;
        opacity: 0;
    }
    75%{
        top: 45%;
        opacity: 1;
    }
    100%{
   
        opacity: 0;
    }
}
@keyframes untoldstory3{
    0%{
        top: -3rem;
        opacity: 0;
    }
    75%{
        top: 45%;
        opacity: 1;
    }
    100%{
        
        opacity: 0;
    }
}

@keyframes untoldstory4{
    0%{
        right: -3rem;
        opacity: 0;
    }
    75%{
        right: 10rem;
        opacity: 1;
    }
    100%{
       right: 10rem;
        opacity: 0;
    }
}
@keyframes untoldstory5{
    0%{
        right: -3rem;
        opacity: 0;
    }
    75%{
        right: 10rem;
        opacity: 1;
    }
    100%{
        right: 10rem;
        opacity: 0;
    }
}