/*MOBILE*/
@media only screen and (max-width: 414px) {
    .box {
        width: 350px;
    }

    .box h2 {
        font-size: 3rem;
    }

    .box h3 {
        font-size: 2rem;
        color: white;
        letter-spacing: 0.1em;
        text-align: center;
    }


    @keyframes animatelightbar {

        0%,
        5% {
            transform: scaleY(0) translateX(0);
        }

        10% {
            transform: scaleY(1) translateX(0);
        }

        90% {
            transform: scaleY(1) translateX(calc(350px - 5px));
        }

        95%,
        100% {
            transform: scaleY(0) translateX(calc(350px - 5px));
        }
    }
}