$pink: #ee7788 .floating-ayaya animation: floatX 30s linear infinite height: 150px position: absolute left: 200% top: 150px transform: translateX(0) translateY(0) $bounces: 16 $bounce-height: 64px @keyframes floatX 0% transform: translateX(0) translateY($bounce-height) @for $i from $bounces through 1 #{100 / $bounces * $i}% transform: translateX(calc(#{-300vw / $bounces * $i} + #{-250px / $bounces * $i})) translateY(($i % 2) * $bounce-height) /* * OVERWRITES */ .body_page_ayaya background-image: radial-gradient(ellipse at center, #93ecff 0%, #0fd4ff 100%) color: $pink text-shadow: none -webkit-text-stroke: 1px #772131 // Title .title_ayaya -webkit-text-stroke: 0.031em #772131 .text_ayaya, .title_ayaya, .gallery__title_ayaya, .pagination__bullet_ayaya:before filter: drop-shadow(1px 1px 0 #772131) // Description .description__word_ayaya display: inline-block transform: scale(0) transition: 0.5s $easeOutBack transform .ayaya-gallery__section border-top: 2px solid $translucent // Loader .loader__spinner_ayaya stroke: transparentize($pink, 0.5) .pagination__bullet_ayaya background-color: $pink border: 4px solid #772131
