@keyframes -nav-slide {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
.-nav-slide {
    animation: -nav-slide 0.5s;
    -webkit-animation: -nav-slide 0.5s;
    -moz-animation: -nav-slide 0.5s;
    -o-animation: -nav-slide 0.5s;
    -ms-animation: -nav-slide 0.5s;
}

@keyframes -swiper-scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}
@keyframes -swiper-scale-default {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes -scale-background {
    0% {
        transform: scale(1.5);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes -girl-animation {
    0% {
        right: -5em;
    }
    100% {
        right: 0;
    }
}
@keyframes -intro-animation {
    0% {
        opacity: 0;
        transform: translateY(5em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.content .introduction.section-animation > div.model {
    animation: -girl-animation 1s;
    -webkit-animation: -girl-animation 1s;
    -moz-animation: -girl-animation 1s;
    -o-animation: -girl-animation 1s;
    -ms-animation: -girl-animation 1s;
}
.content .introduction.section-animation > div.text {
    animation: -intro-animation 1s;
    -webkit-animation: -intro-animation 1s;
    -moz-animation: -intro-animation 1s;
    -o-animation: -intro-animation 1s;
    -ms-animation: -intro-animation 1s;
}
.content > .history.nav-item .goals > .card {
    opacity: 0;
}
.content > .history.nav-item.section-animation .goals > .card {
    animation: -intro-animation 1s forwards;
    -webkit-animation: -intro-animation 1s forwards;
    -moz-animation: -intro-animation 1s forwards;
    -o-animation: -intro-animation 1s forwards;
    -ms-animation: -intro-animation 1s forwards;
}
.content > .history.nav-item.section-animation .goals > .card:nth-child(2) {
    animation-delay: 0.15s;
}
.content > .history.nav-item.section-animation .goals > .card:nth-child(3) {
    animation-delay: .3s;
}
.content > .games.nav-item.section-animation > .logo,
.content .introduction button,
.content > .download button.button,
.content > .about-us.apps > .text .description > button {
    animation: -beat-animation 4s infinite;
    -webkit-animation: -beat-animation 4s infinite;
    -moz-animation: -beat-animation 4s infinite;
    -o-animation: -beat-animation 4s infinite;
    -ms-animation: -beat-animation 4s infinite;
}
@keyframes -beat-animation {
    0% {
        transform: scale(1);
    }
    30% {
        transform: scale(0.9);
    }
    50% {
        transform: scale(1);
    }
    80% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}
.content > .about-us > .text {
    opacity: 0;
}
.content > .about-us.how-to-play > .text {
    opacity: 1;
}
.content > .about-us.section-animation > .text {
    animation: -intro-animation 1s forwards;
    -webkit-animation: -intro-animation 1s forwards;
    -moz-animation: -intro-animation 1s forwards;
    -o-animation: -intro-animation 1s forwards;
    -ms-animation: -intro-animation 1s forwards;
}
.content > .about-us > .logo > img {
    opacity: 0;
}
.content > .about-us#about-us > .logo > img {
    opacity: 1;
}
.content > .about-us.section-animation > .logo > img {
    animation: -fade-in 2s forwards;
    -webkit-animation: -fade-in 2s forwards;
    -moz-animation: -fade-in 2s forwards;
    -o-animation: -fade-in 2s forwards;
    -ms-animation: -fade-in 2s forwards;
}
.content > .about-us.section-animation#about-us > .logo > img {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    -ms-animation: none;
}

@keyframes -fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}