10961 lines
210 KiB
HTML
10961 lines
210 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<!-- <link rel="stylesheet" type="text/css" href="css/normalize.css" charset="utf-8"></link> -->
|
|||
|
|
<link rel="shortcut icon" href="bitbug_favicon.ico" type="image/x-icon">
|
|||
|
|
<title>我的介绍</title>
|
|||
|
|
<!-- #795548 -->
|
|||
|
|
<style>
|
|||
|
|
.container {
|
|||
|
|
/* background: #795548; */
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
display: flex;
|
|||
|
|
flex-flow: column wrap;
|
|||
|
|
height: 80vh;
|
|||
|
|
margin-bottom: 5vh;
|
|||
|
|
text-align: center;
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
width: 90vw;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.card {
|
|||
|
|
align-items: center;
|
|||
|
|
background: transparent;
|
|||
|
|
background-size: cover;
|
|||
|
|
border: 5px solid white;
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: white;
|
|||
|
|
display: flex;
|
|||
|
|
flex-grow: 0;
|
|||
|
|
/*font-family: sans-serif;*/
|
|||
|
|
font-family: 'Hiragino Sans GB', arial, tahoma,'\5b8b\4f53', sans-serif;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
height: 50%;
|
|||
|
|
justify-content: center;
|
|||
|
|
outline: 5px solid white;
|
|||
|
|
text-shadow: 0 0 5px black;
|
|||
|
|
|
|||
|
|
// Setting the heights of the elements so they meet
|
|||
|
|
// nicely at the bottom of the container
|
|||
|
|
&:nth-child(6n - 5) {
|
|||
|
|
height: 25%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-child(6n-4) {
|
|||
|
|
height: 75%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-child(6n-3) {
|
|||
|
|
height: 50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-child(6n-2) {
|
|||
|
|
height: 50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-child(6n-1) {
|
|||
|
|
height: 66.666%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
&:nth-child(6n) {
|
|||
|
|
height: 33.333%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Presentational Styles
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
margin: 0;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.background {
|
|||
|
|
align-items: center;
|
|||
|
|
/*background: #795548;*/
|
|||
|
|
display: flex;
|
|||
|
|
margin-right: 50px;
|
|||
|
|
flex-direction: column;
|
|||
|
|
height: 100vh;
|
|||
|
|
justify-content: center;
|
|||
|
|
width: 100vw;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
button {
|
|||
|
|
background: white;
|
|||
|
|
border: 2px solid transparent;
|
|||
|
|
border-radius: 0;
|
|||
|
|
color: #FF648A;
|
|||
|
|
cursor: pointer;
|
|||
|
|
font-size: 24px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
padding: 10px 20px;
|
|||
|
|
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
|
|||
|
|
|
|||
|
|
&:hover {
|
|||
|
|
background-color: #FF648A;
|
|||
|
|
border: 2px solid white;
|
|||
|
|
color: white;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
p{
|
|||
|
|
|
|||
|
|
box-sizing: border-box;
|
|||
|
|
color: white;
|
|||
|
|
|
|||
|
|
|
|||
|
|
font-family: 'Hiragino Sans GB', arial, tahoma,'\5b8b\4f53', sans-serif;
|
|||
|
|
font-size: 16px;
|
|||
|
|
font-weight: bold;
|
|||
|
|
}
|
|||
|
|
img{
|
|||
|
|
filter: alpha(opacity = 100);opacity: 0.5;
|
|||
|
|
}
|
|||
|
|
/* basic style */
|
|||
|
|
html,
|
|||
|
|
body {
|
|||
|
|
position: relative;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: center;
|
|||
|
|
align-items: center;
|
|||
|
|
height: 100vh;
|
|||
|
|
margin: 0;
|
|||
|
|
background: radial-gradient(ellipse at left top, #fdb7b9 20%, #de5d6f 50%, #b1414d);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div {
|
|||
|
|
transform-style: preserve-3d;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
perspective: 280px;
|
|||
|
|
}
|
|||
|
|
.container_rotate {
|
|||
|
|
transform: rotate(24deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* flip style */
|
|||
|
|
.flip {
|
|||
|
|
position: absolute;
|
|||
|
|
top: -280px;
|
|||
|
|
width: 24px;
|
|||
|
|
height: 24px;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(1) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46794ms;
|
|||
|
|
animation-duration: 54411ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(1) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(1) .flip_pos {
|
|||
|
|
transform: translateY(371px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(1) .flip {
|
|||
|
|
left: calc(30% + 272px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(2) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49147ms;
|
|||
|
|
animation-duration: 28517ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(2) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(2) .flip_pos {
|
|||
|
|
transform: translateY(270px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(2) .flip {
|
|||
|
|
left: calc(30% + 261px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(3) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46348ms;
|
|||
|
|
animation-duration: 32814ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(3) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(3) .flip_pos {
|
|||
|
|
transform: translateY(353px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(3) .flip {
|
|||
|
|
left: calc(30% + 304px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(4) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47532ms;
|
|||
|
|
animation-duration: 27887ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(4) .flip_rotate {
|
|||
|
|
transform: rotateX(14deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(4) .flip_pos {
|
|||
|
|
transform: translateY(379px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(4) .flip {
|
|||
|
|
left: calc(30% + 430px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(5) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44922ms;
|
|||
|
|
animation-duration: 24248ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(5) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(5) .flip_pos {
|
|||
|
|
transform: translateY(300px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(5) .flip {
|
|||
|
|
left: calc(30% + 346px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(6) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42653ms;
|
|||
|
|
animation-duration: 40357ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(6) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(6) .flip_pos {
|
|||
|
|
transform: translateY(312px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(6) .flip {
|
|||
|
|
left: calc(30% + 205px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(7) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49095ms;
|
|||
|
|
animation-duration: 67388ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(7) .flip_rotate {
|
|||
|
|
transform: rotateX(19deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(7) .flip_pos {
|
|||
|
|
transform: translateY(310px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(7) .flip {
|
|||
|
|
left: calc(30% + 365px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(8) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49487ms;
|
|||
|
|
animation-duration: 35349ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(8) .flip_rotate {
|
|||
|
|
transform: rotateX(5deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(8) .flip_pos {
|
|||
|
|
transform: translateY(367px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(8) .flip {
|
|||
|
|
left: calc(30% + 335px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(9) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44796ms;
|
|||
|
|
animation-duration: 56858ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(9) .flip_rotate {
|
|||
|
|
transform: rotateX(14deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(9) .flip_pos {
|
|||
|
|
transform: translateY(330px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(9) .flip {
|
|||
|
|
left: calc(30% + 487px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(10) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43076ms;
|
|||
|
|
animation-duration: 66134ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(10) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(10) .flip_pos {
|
|||
|
|
transform: translateY(343px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(10) .flip {
|
|||
|
|
left: calc(30% + 448px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(11) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45348ms;
|
|||
|
|
animation-duration: 24146ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(11) .flip_rotate {
|
|||
|
|
transform: rotateX(18deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(11) .flip_pos {
|
|||
|
|
transform: translateY(256px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(11) .flip {
|
|||
|
|
left: calc(30% + 420px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(12) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49439ms;
|
|||
|
|
animation-duration: 41980ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(12) .flip_rotate {
|
|||
|
|
transform: rotateX(34deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(12) .flip_pos {
|
|||
|
|
transform: translateY(252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(12) .flip {
|
|||
|
|
left: calc(30% + 292px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(13) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45584ms;
|
|||
|
|
animation-duration: 23329ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(13) .flip_rotate {
|
|||
|
|
transform: rotateX(3deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(13) .flip_pos {
|
|||
|
|
transform: translateY(245px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(13) .flip {
|
|||
|
|
left: calc(30% + 375px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(14) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47333ms;
|
|||
|
|
animation-duration: 37164ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(14) .flip_rotate {
|
|||
|
|
transform: rotateX(28deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(14) .flip_pos {
|
|||
|
|
transform: translateY(344px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(14) .flip {
|
|||
|
|
left: calc(30% + 222px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(15) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49300ms;
|
|||
|
|
animation-duration: 65423ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(15) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(15) .flip_pos {
|
|||
|
|
transform: translateY(197px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(15) .flip {
|
|||
|
|
left: calc(30% + 324px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(16) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43554ms;
|
|||
|
|
animation-duration: 21070ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(16) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(16) .flip_pos {
|
|||
|
|
transform: translateY(316px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(16) .flip {
|
|||
|
|
left: calc(30% + 288px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(17) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48787ms;
|
|||
|
|
animation-duration: 55690ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(17) .flip_rotate {
|
|||
|
|
transform: rotateX(36deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(17) .flip_pos {
|
|||
|
|
transform: translateY(378px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(17) .flip {
|
|||
|
|
left: calc(30% + 357px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(18) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49252ms;
|
|||
|
|
animation-duration: 50413ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(18) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(18) .flip_pos {
|
|||
|
|
transform: translateY(270px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(18) .flip {
|
|||
|
|
left: calc(30% + 484px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(19) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49483ms;
|
|||
|
|
animation-duration: 21885ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(19) .flip_rotate {
|
|||
|
|
transform: rotateX(12deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(19) .flip_pos {
|
|||
|
|
transform: translateY(186px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(19) .flip {
|
|||
|
|
left: calc(30% + 401px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(20) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41757ms;
|
|||
|
|
animation-duration: 46313ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(20) .flip_rotate {
|
|||
|
|
transform: rotateX(39deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(20) .flip_pos {
|
|||
|
|
transform: translateY(325px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(20) .flip {
|
|||
|
|
left: calc(30% + 380px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(21) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40396ms;
|
|||
|
|
animation-duration: 64093ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(21) .flip_rotate {
|
|||
|
|
transform: rotateX(32deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(21) .flip_pos {
|
|||
|
|
transform: translateY(317px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(21) .flip {
|
|||
|
|
left: calc(30% + 425px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(22) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45206ms;
|
|||
|
|
animation-duration: 65151ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(22) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(22) .flip_pos {
|
|||
|
|
transform: translateY(351px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(22) .flip {
|
|||
|
|
left: calc(30% + 436px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(23) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45081ms;
|
|||
|
|
animation-duration: 44077ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(23) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(23) .flip_pos {
|
|||
|
|
transform: translateY(265px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(23) .flip {
|
|||
|
|
left: calc(30% + 327px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(24) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44780ms;
|
|||
|
|
animation-duration: 50969ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(24) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(24) .flip_pos {
|
|||
|
|
transform: translateY(277px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(24) .flip {
|
|||
|
|
left: calc(30% + 410px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(25) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45788ms;
|
|||
|
|
animation-duration: 39055ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(25) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(25) .flip_pos {
|
|||
|
|
transform: translateY(251px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(25) .flip {
|
|||
|
|
left: calc(30% + 240px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(26) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48009ms;
|
|||
|
|
animation-duration: 57623ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(26) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(26) .flip_pos {
|
|||
|
|
transform: translateY(302px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(26) .flip {
|
|||
|
|
left: calc(30% + 418px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(27) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46989ms;
|
|||
|
|
animation-duration: 55853ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(27) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(27) .flip_pos {
|
|||
|
|
transform: translateY(373px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(27) .flip {
|
|||
|
|
left: calc(30% + 446px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(28) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42312ms;
|
|||
|
|
animation-duration: 45280ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(28) .flip_rotate {
|
|||
|
|
transform: rotateX(19deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(28) .flip_pos {
|
|||
|
|
transform: translateY(215px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(28) .flip {
|
|||
|
|
left: calc(30% + 382px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(29) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41951ms;
|
|||
|
|
animation-duration: 35344ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(29) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(29) .flip_pos {
|
|||
|
|
transform: translateY(313px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(29) .flip {
|
|||
|
|
left: calc(30% + 415px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(30) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45795ms;
|
|||
|
|
animation-duration: 43460ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(30) .flip_rotate {
|
|||
|
|
transform: rotateX(29deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(30) .flip_pos {
|
|||
|
|
transform: translateY(360px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(30) .flip {
|
|||
|
|
left: calc(30% + 465px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(31) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41501ms;
|
|||
|
|
animation-duration: 49781ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(31) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(31) .flip_pos {
|
|||
|
|
transform: translateY(250px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(31) .flip {
|
|||
|
|
left: calc(30% + 341px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(32) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45567ms;
|
|||
|
|
animation-duration: 48943ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(32) .flip_rotate {
|
|||
|
|
transform: rotateX(17deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(32) .flip_pos {
|
|||
|
|
transform: translateY(192px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(32) .flip {
|
|||
|
|
left: calc(30% + 457px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(33) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44829ms;
|
|||
|
|
animation-duration: 56850ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(33) .flip_rotate {
|
|||
|
|
transform: rotateX(35deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(33) .flip_pos {
|
|||
|
|
transform: translateY(361px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(33) .flip {
|
|||
|
|
left: calc(30% + 249px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(34) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47191ms;
|
|||
|
|
animation-duration: 61295ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(34) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(34) .flip_pos {
|
|||
|
|
transform: translateY(315px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(34) .flip {
|
|||
|
|
left: calc(30% + 341px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(35) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45149ms;
|
|||
|
|
animation-duration: 34345ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(35) .flip_rotate {
|
|||
|
|
transform: rotateX(38deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(35) .flip_pos {
|
|||
|
|
transform: translateY(215px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(35) .flip {
|
|||
|
|
left: calc(30% + 416px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(36) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43281ms;
|
|||
|
|
animation-duration: 60602ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(36) .flip_rotate {
|
|||
|
|
transform: rotateX(15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(36) .flip_pos {
|
|||
|
|
transform: translateY(337px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(36) .flip {
|
|||
|
|
left: calc(30% + 483px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(37) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40493ms;
|
|||
|
|
animation-duration: 42670ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(37) .flip_rotate {
|
|||
|
|
transform: rotateX(36deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(37) .flip_pos {
|
|||
|
|
transform: translateY(264px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(37) .flip {
|
|||
|
|
left: calc(30% + 408px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(38) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44737ms;
|
|||
|
|
animation-duration: 66067ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(38) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(38) .flip_pos {
|
|||
|
|
transform: translateY(273px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(38) .flip {
|
|||
|
|
left: calc(30% + 259px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(39) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44193ms;
|
|||
|
|
animation-duration: 66559ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(39) .flip_rotate {
|
|||
|
|
transform: rotateX(35deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(39) .flip_pos {
|
|||
|
|
transform: translateY(182px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(39) .flip {
|
|||
|
|
left: calc(30% + 430px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(40) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48310ms;
|
|||
|
|
animation-duration: 60539ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(40) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(40) .flip_pos {
|
|||
|
|
transform: translateY(206px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(40) .flip {
|
|||
|
|
left: calc(30% + 490px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(41) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49630ms;
|
|||
|
|
animation-duration: 45663ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(41) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(41) .flip_pos {
|
|||
|
|
transform: translateY(320px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(41) .flip {
|
|||
|
|
left: calc(30% + 448px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(42) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49178ms;
|
|||
|
|
animation-duration: 21678ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(42) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(42) .flip_pos {
|
|||
|
|
transform: translateY(370px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(42) .flip {
|
|||
|
|
left: calc(30% + 454px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(43) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48613ms;
|
|||
|
|
animation-duration: 55628ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(43) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(43) .flip_pos {
|
|||
|
|
transform: translateY(311px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(43) .flip {
|
|||
|
|
left: calc(30% + 210px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(44) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43915ms;
|
|||
|
|
animation-duration: 49297ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(44) .flip_rotate {
|
|||
|
|
transform: rotateX(43deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(44) .flip_pos {
|
|||
|
|
transform: translateY(312px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(44) .flip {
|
|||
|
|
left: calc(30% + 481px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(45) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40797ms;
|
|||
|
|
animation-duration: 64919ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(45) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(45) .flip_pos {
|
|||
|
|
transform: translateY(184px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(45) .flip {
|
|||
|
|
left: calc(30% + 485px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(46) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40590ms;
|
|||
|
|
animation-duration: 32023ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(46) .flip_rotate {
|
|||
|
|
transform: rotateX(25deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(46) .flip_pos {
|
|||
|
|
transform: translateY(225px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(46) .flip {
|
|||
|
|
left: calc(30% + 281px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(47) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44432ms;
|
|||
|
|
animation-duration: 66779ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(47) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(47) .flip_pos {
|
|||
|
|
transform: translateY(379px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(47) .flip {
|
|||
|
|
left: calc(30% + 486px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(48) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42951ms;
|
|||
|
|
animation-duration: 32822ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(48) .flip_rotate {
|
|||
|
|
transform: rotateX(43deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(48) .flip_pos {
|
|||
|
|
transform: translateY(303px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(48) .flip {
|
|||
|
|
left: calc(30% + 396px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(49) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45116ms;
|
|||
|
|
animation-duration: 36284ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(49) .flip_rotate {
|
|||
|
|
transform: rotateX(32deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(49) .flip_pos {
|
|||
|
|
transform: translateY(359px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(49) .flip {
|
|||
|
|
left: calc(30% + 397px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(50) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45015ms;
|
|||
|
|
animation-duration: 51969ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(50) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(50) .flip_pos {
|
|||
|
|
transform: translateY(237px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(50) .flip {
|
|||
|
|
left: calc(30% + 258px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(51) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46986ms;
|
|||
|
|
animation-duration: 20867ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(51) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(51) .flip_pos {
|
|||
|
|
transform: translateY(219px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(51) .flip {
|
|||
|
|
left: calc(30% + 211px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(52) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43068ms;
|
|||
|
|
animation-duration: 46017ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(52) .flip_rotate {
|
|||
|
|
transform: rotateX(40deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(52) .flip_pos {
|
|||
|
|
transform: translateY(252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(52) .flip {
|
|||
|
|
left: calc(30% + 228px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(53) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45523ms;
|
|||
|
|
animation-duration: 69863ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(53) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(53) .flip_pos {
|
|||
|
|
transform: translateY(229px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(53) .flip {
|
|||
|
|
left: calc(30% + 484px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(54) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49625ms;
|
|||
|
|
animation-duration: 60431ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(54) .flip_rotate {
|
|||
|
|
transform: rotateX(5deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(54) .flip_pos {
|
|||
|
|
transform: translateY(231px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(54) .flip {
|
|||
|
|
left: calc(30% + 273px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(55) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41260ms;
|
|||
|
|
animation-duration: 64716ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(55) .flip_rotate {
|
|||
|
|
transform: rotateX(10deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(55) .flip_pos {
|
|||
|
|
transform: translateY(302px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(55) .flip {
|
|||
|
|
left: calc(30% + 308px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(56) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48983ms;
|
|||
|
|
animation-duration: 52303ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(56) .flip_rotate {
|
|||
|
|
transform: rotateX(24deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(56) .flip_pos {
|
|||
|
|
transform: translateY(329px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(56) .flip {
|
|||
|
|
left: calc(30% + 419px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(57) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43952ms;
|
|||
|
|
animation-duration: 61384ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(57) .flip_rotate {
|
|||
|
|
transform: rotateX(29deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(57) .flip_pos {
|
|||
|
|
transform: translateY(213px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(57) .flip {
|
|||
|
|
left: calc(30% + 362px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(58) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45366ms;
|
|||
|
|
animation-duration: 46741ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(58) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(58) .flip_pos {
|
|||
|
|
transform: translateY(297px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(58) .flip {
|
|||
|
|
left: calc(30% + 419px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(59) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41461ms;
|
|||
|
|
animation-duration: 61954ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(59) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(59) .flip_pos {
|
|||
|
|
transform: translateY(363px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(59) .flip {
|
|||
|
|
left: calc(30% + 284px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(60) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41228ms;
|
|||
|
|
animation-duration: 68389ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(60) .flip_rotate {
|
|||
|
|
transform: rotateX(24deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(60) .flip_pos {
|
|||
|
|
transform: translateY(199px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(60) .flip {
|
|||
|
|
left: calc(30% + 396px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(61) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43783ms;
|
|||
|
|
animation-duration: 30310ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(61) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(61) .flip_pos {
|
|||
|
|
transform: translateY(376px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(61) .flip {
|
|||
|
|
left: calc(30% + 256px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(62) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48716ms;
|
|||
|
|
animation-duration: 47392ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(62) .flip_rotate {
|
|||
|
|
transform: rotateX(23deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(62) .flip_pos {
|
|||
|
|
transform: translateY(362px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(62) .flip {
|
|||
|
|
left: calc(30% + 461px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(63) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47275ms;
|
|||
|
|
animation-duration: 22776ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(63) .flip_rotate {
|
|||
|
|
transform: rotateX(25deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(63) .flip_pos {
|
|||
|
|
transform: translateY(192px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(63) .flip {
|
|||
|
|
left: calc(30% + 400px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(64) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45729ms;
|
|||
|
|
animation-duration: 27619ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(64) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(64) .flip_pos {
|
|||
|
|
transform: translateY(218px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(64) .flip {
|
|||
|
|
left: calc(30% + 377px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(65) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48692ms;
|
|||
|
|
animation-duration: 45296ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(65) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(65) .flip_pos {
|
|||
|
|
transform: translateY(184px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(65) .flip {
|
|||
|
|
left: calc(30% + 314px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(66) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40879ms;
|
|||
|
|
animation-duration: 50860ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(66) .flip_rotate {
|
|||
|
|
transform: rotateX(23deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(66) .flip_pos {
|
|||
|
|
transform: translateY(290px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(66) .flip {
|
|||
|
|
left: calc(30% + 345px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(67) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44080ms;
|
|||
|
|
animation-duration: 24646ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(67) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(67) .flip_pos {
|
|||
|
|
transform: translateY(373px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(67) .flip {
|
|||
|
|
left: calc(30% + 334px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(68) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49198ms;
|
|||
|
|
animation-duration: 56264ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(68) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(68) .flip_pos {
|
|||
|
|
transform: translateY(267px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(68) .flip {
|
|||
|
|
left: calc(30% + 326px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(69) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43578ms;
|
|||
|
|
animation-duration: 44292ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(69) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(69) .flip_pos {
|
|||
|
|
transform: translateY(250px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(69) .flip {
|
|||
|
|
left: calc(30% + 333px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(70) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46381ms;
|
|||
|
|
animation-duration: 57765ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(70) .flip_rotate {
|
|||
|
|
transform: rotateX(22deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(70) .flip_pos {
|
|||
|
|
transform: translateY(282px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(70) .flip {
|
|||
|
|
left: calc(30% + 457px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(71) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46046ms;
|
|||
|
|
animation-duration: 35418ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(71) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(71) .flip_pos {
|
|||
|
|
transform: translateY(195px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(71) .flip {
|
|||
|
|
left: calc(30% + 486px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(72) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49007ms;
|
|||
|
|
animation-duration: 53817ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(72) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(72) .flip_pos {
|
|||
|
|
transform: translateY(368px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(72) .flip {
|
|||
|
|
left: calc(30% + 206px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(73) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44984ms;
|
|||
|
|
animation-duration: 26740ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(73) .flip_rotate {
|
|||
|
|
transform: rotateX(25deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(73) .flip_pos {
|
|||
|
|
transform: translateY(252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(73) .flip {
|
|||
|
|
left: calc(30% + 492px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(74) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44001ms;
|
|||
|
|
animation-duration: 58680ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(74) .flip_rotate {
|
|||
|
|
transform: rotateX(1deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(74) .flip_pos {
|
|||
|
|
transform: translateY(253px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(74) .flip {
|
|||
|
|
left: calc(30% + 258px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(75) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49098ms;
|
|||
|
|
animation-duration: 20723ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(75) .flip_rotate {
|
|||
|
|
transform: rotateX(15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(75) .flip_pos {
|
|||
|
|
transform: translateY(360px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(75) .flip {
|
|||
|
|
left: calc(30% + 494px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(76) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44440ms;
|
|||
|
|
animation-duration: 37871ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(76) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(76) .flip_pos {
|
|||
|
|
transform: translateY(377px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(76) .flip {
|
|||
|
|
left: calc(30% + 485px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(77) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45908ms;
|
|||
|
|
animation-duration: 63170ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(77) .flip_rotate {
|
|||
|
|
transform: rotateX(17deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(77) .flip_pos {
|
|||
|
|
transform: translateY(296px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(77) .flip {
|
|||
|
|
left: calc(30% + 211px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(78) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45814ms;
|
|||
|
|
animation-duration: 41913ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(78) .flip_rotate {
|
|||
|
|
transform: rotateX(35deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(78) .flip_pos {
|
|||
|
|
transform: translateY(204px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(78) .flip {
|
|||
|
|
left: calc(30% + 419px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(79) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41135ms;
|
|||
|
|
animation-duration: 46065ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(79) .flip_rotate {
|
|||
|
|
transform: rotateX(31deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(79) .flip_pos {
|
|||
|
|
transform: translateY(377px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(79) .flip {
|
|||
|
|
left: calc(30% + 491px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(80) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43582ms;
|
|||
|
|
animation-duration: 57013ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(80) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(80) .flip_pos {
|
|||
|
|
transform: translateY(221px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(80) .flip {
|
|||
|
|
left: calc(30% + 494px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(81) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48766ms;
|
|||
|
|
animation-duration: 37259ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(81) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(81) .flip_pos {
|
|||
|
|
transform: translateY(380px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(81) .flip {
|
|||
|
|
left: calc(30% + 374px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(82) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49025ms;
|
|||
|
|
animation-duration: 30025ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(82) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(82) .flip_pos {
|
|||
|
|
transform: translateY(364px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(82) .flip {
|
|||
|
|
left: calc(30% + 356px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(83) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47809ms;
|
|||
|
|
animation-duration: 35029ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(83) .flip_rotate {
|
|||
|
|
transform: rotateX(1deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(83) .flip_pos {
|
|||
|
|
transform: translateY(372px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(83) .flip {
|
|||
|
|
left: calc(30% + 338px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(84) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48344ms;
|
|||
|
|
animation-duration: 50416ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(84) .flip_rotate {
|
|||
|
|
transform: rotateX(28deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(84) .flip_pos {
|
|||
|
|
transform: translateY(183px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(84) .flip {
|
|||
|
|
left: calc(30% + 383px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(85) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40667ms;
|
|||
|
|
animation-duration: 25140ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(85) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(85) .flip_pos {
|
|||
|
|
transform: translateY(250px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(85) .flip {
|
|||
|
|
left: calc(30% + 443px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(86) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40579ms;
|
|||
|
|
animation-duration: 35352ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(86) .flip_rotate {
|
|||
|
|
transform: rotateX(8deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(86) .flip_pos {
|
|||
|
|
transform: translateY(256px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(86) .flip {
|
|||
|
|
left: calc(30% + 434px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(87) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41407ms;
|
|||
|
|
animation-duration: 61875ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(87) .flip_rotate {
|
|||
|
|
transform: rotateX(23deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(87) .flip_pos {
|
|||
|
|
transform: translateY(299px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(87) .flip {
|
|||
|
|
left: calc(30% + 308px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(88) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43789ms;
|
|||
|
|
animation-duration: 47525ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(88) .flip_rotate {
|
|||
|
|
transform: rotateX(28deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(88) .flip_pos {
|
|||
|
|
transform: translateY(254px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(88) .flip {
|
|||
|
|
left: calc(30% + 389px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(89) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43821ms;
|
|||
|
|
animation-duration: 57052ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(89) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(89) .flip_pos {
|
|||
|
|
transform: translateY(375px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(89) .flip {
|
|||
|
|
left: calc(30% + 464px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(90) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45043ms;
|
|||
|
|
animation-duration: 60421ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(90) .flip_rotate {
|
|||
|
|
transform: rotateX(27deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(90) .flip_pos {
|
|||
|
|
transform: translateY(186px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(90) .flip {
|
|||
|
|
left: calc(30% + 283px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(91) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47261ms;
|
|||
|
|
animation-duration: 42343ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(91) .flip_rotate {
|
|||
|
|
transform: rotateX(40deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(91) .flip_pos {
|
|||
|
|
transform: translateY(238px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(91) .flip {
|
|||
|
|
left: calc(30% + 334px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(92) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46691ms;
|
|||
|
|
animation-duration: 57755ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(92) .flip_rotate {
|
|||
|
|
transform: rotateX(42deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(92) .flip_pos {
|
|||
|
|
transform: translateY(295px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(92) .flip {
|
|||
|
|
left: calc(30% + 489px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(93) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40851ms;
|
|||
|
|
animation-duration: 48038ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(93) .flip_rotate {
|
|||
|
|
transform: rotateX(34deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(93) .flip_pos {
|
|||
|
|
transform: translateY(221px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(93) .flip {
|
|||
|
|
left: calc(30% + 250px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(94) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47321ms;
|
|||
|
|
animation-duration: 60522ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(94) .flip_rotate {
|
|||
|
|
transform: rotateX(27deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(94) .flip_pos {
|
|||
|
|
transform: translateY(228px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(94) .flip {
|
|||
|
|
left: calc(30% + 257px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(95) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42105ms;
|
|||
|
|
animation-duration: 32455ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(95) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(95) .flip_pos {
|
|||
|
|
transform: translateY(328px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(95) .flip {
|
|||
|
|
left: calc(30% + 277px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(96) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42524ms;
|
|||
|
|
animation-duration: 31765ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(96) .flip_rotate {
|
|||
|
|
transform: rotateX(1deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(96) .flip_pos {
|
|||
|
|
transform: translateY(193px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(96) .flip {
|
|||
|
|
left: calc(30% + 305px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(97) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41837ms;
|
|||
|
|
animation-duration: 61082ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(97) .flip_rotate {
|
|||
|
|
transform: rotateX(16deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(97) .flip_pos {
|
|||
|
|
transform: translateY(241px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(97) .flip {
|
|||
|
|
left: calc(30% + 328px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(98) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42721ms;
|
|||
|
|
animation-duration: 57455ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(98) .flip_rotate {
|
|||
|
|
transform: rotateX(10deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(98) .flip_pos {
|
|||
|
|
transform: translateY(342px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(98) .flip {
|
|||
|
|
left: calc(30% + 363px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(99) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42321ms;
|
|||
|
|
animation-duration: 25189ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(99) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(99) .flip_pos {
|
|||
|
|
transform: translateY(209px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(99) .flip {
|
|||
|
|
left: calc(30% + 430px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(100) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46051ms;
|
|||
|
|
animation-duration: 67928ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(100) .flip_rotate {
|
|||
|
|
transform: rotateX(8deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(100) .flip_pos {
|
|||
|
|
transform: translateY(277px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(100) .flip {
|
|||
|
|
left: calc(30% + 384px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(101) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43021ms;
|
|||
|
|
animation-duration: 35417ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(101) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(101) .flip_pos {
|
|||
|
|
transform: translateY(232px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(101) .flip {
|
|||
|
|
left: calc(30% + 323px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(102) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42366ms;
|
|||
|
|
animation-duration: 47604ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(102) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(102) .flip_pos {
|
|||
|
|
transform: translateY(273px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(102) .flip {
|
|||
|
|
left: calc(30% + 334px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(103) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48641ms;
|
|||
|
|
animation-duration: 59817ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(103) .flip_rotate {
|
|||
|
|
transform: rotateX(29deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(103) .flip_pos {
|
|||
|
|
transform: translateY(365px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(103) .flip {
|
|||
|
|
left: calc(30% + 295px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(104) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49952ms;
|
|||
|
|
animation-duration: 66349ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(104) .flip_rotate {
|
|||
|
|
transform: rotateX(23deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(104) .flip_pos {
|
|||
|
|
transform: translateY(227px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(104) .flip {
|
|||
|
|
left: calc(30% + 201px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(105) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47615ms;
|
|||
|
|
animation-duration: 22463ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(105) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(105) .flip_pos {
|
|||
|
|
transform: translateY(283px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(105) .flip {
|
|||
|
|
left: calc(30% + 234px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(106) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47675ms;
|
|||
|
|
animation-duration: 40797ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(106) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(106) .flip_pos {
|
|||
|
|
transform: translateY(354px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(106) .flip {
|
|||
|
|
left: calc(30% + 485px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(107) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40576ms;
|
|||
|
|
animation-duration: 64137ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(107) .flip_rotate {
|
|||
|
|
transform: rotateX(21deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(107) .flip_pos {
|
|||
|
|
transform: translateY(266px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(107) .flip {
|
|||
|
|
left: calc(30% + 335px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(108) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40077ms;
|
|||
|
|
animation-duration: 67366ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(108) .flip_rotate {
|
|||
|
|
transform: rotateX(40deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(108) .flip_pos {
|
|||
|
|
transform: translateY(184px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(108) .flip {
|
|||
|
|
left: calc(30% + 279px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(109) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43313ms;
|
|||
|
|
animation-duration: 55526ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(109) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(109) .flip_pos {
|
|||
|
|
transform: translateY(189px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(109) .flip {
|
|||
|
|
left: calc(30% + 428px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(110) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42507ms;
|
|||
|
|
animation-duration: 27980ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(110) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(110) .flip_pos {
|
|||
|
|
transform: translateY(259px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(110) .flip {
|
|||
|
|
left: calc(30% + 337px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(111) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48392ms;
|
|||
|
|
animation-duration: 62278ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(111) .flip_rotate {
|
|||
|
|
transform: rotateX(8deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(111) .flip_pos {
|
|||
|
|
transform: translateY(369px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(111) .flip {
|
|||
|
|
left: calc(30% + 372px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(112) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49464ms;
|
|||
|
|
animation-duration: 54253ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(112) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(112) .flip_pos {
|
|||
|
|
transform: translateY(356px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(112) .flip {
|
|||
|
|
left: calc(30% + 224px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(113) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47148ms;
|
|||
|
|
animation-duration: 65080ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(113) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(113) .flip_pos {
|
|||
|
|
transform: translateY(367px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(113) .flip {
|
|||
|
|
left: calc(30% + 463px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(114) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44446ms;
|
|||
|
|
animation-duration: 44987ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(114) .flip_rotate {
|
|||
|
|
transform: rotateX(23deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(114) .flip_pos {
|
|||
|
|
transform: translateY(208px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(114) .flip {
|
|||
|
|
left: calc(30% + 438px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(115) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41339ms;
|
|||
|
|
animation-duration: 51055ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(115) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(115) .flip_pos {
|
|||
|
|
transform: translateY(363px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(115) .flip {
|
|||
|
|
left: calc(30% + 262px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(116) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45129ms;
|
|||
|
|
animation-duration: 58012ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(116) .flip_rotate {
|
|||
|
|
transform: rotateX(38deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(116) .flip_pos {
|
|||
|
|
transform: translateY(191px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(116) .flip {
|
|||
|
|
left: calc(30% + 492px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(117) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49796ms;
|
|||
|
|
animation-duration: 27470ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(117) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(117) .flip_pos {
|
|||
|
|
transform: translateY(209px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(117) .flip {
|
|||
|
|
left: calc(30% + 358px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(118) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49134ms;
|
|||
|
|
animation-duration: 64973ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(118) .flip_rotate {
|
|||
|
|
transform: rotateX(31deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(118) .flip_pos {
|
|||
|
|
transform: translateY(238px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(118) .flip {
|
|||
|
|
left: calc(30% + 324px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(119) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41543ms;
|
|||
|
|
animation-duration: 68721ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(119) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(119) .flip_pos {
|
|||
|
|
transform: translateY(269px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(119) .flip {
|
|||
|
|
left: calc(30% + 224px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(120) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45290ms;
|
|||
|
|
animation-duration: 52750ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(120) .flip_rotate {
|
|||
|
|
transform: rotateX(45deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(120) .flip_pos {
|
|||
|
|
transform: translateY(230px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(120) .flip {
|
|||
|
|
left: calc(30% + 474px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(121) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49563ms;
|
|||
|
|
animation-duration: 57382ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(121) .flip_rotate {
|
|||
|
|
transform: rotateX(14deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(121) .flip_pos {
|
|||
|
|
transform: translateY(314px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(121) .flip {
|
|||
|
|
left: calc(30% + 267px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(122) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46807ms;
|
|||
|
|
animation-duration: 56226ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(122) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(122) .flip_pos {
|
|||
|
|
transform: translateY(365px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(122) .flip {
|
|||
|
|
left: calc(30% + 239px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(123) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43219ms;
|
|||
|
|
animation-duration: 61603ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(123) .flip_rotate {
|
|||
|
|
transform: rotateX(15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(123) .flip_pos {
|
|||
|
|
transform: translateY(263px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(123) .flip {
|
|||
|
|
left: calc(30% + 280px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(124) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49065ms;
|
|||
|
|
animation-duration: 36948ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(124) .flip_rotate {
|
|||
|
|
transform: rotateX(34deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(124) .flip_pos {
|
|||
|
|
transform: translateY(238px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(124) .flip {
|
|||
|
|
left: calc(30% + 392px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(125) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44879ms;
|
|||
|
|
animation-duration: 21170ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(125) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(125) .flip_pos {
|
|||
|
|
transform: translateY(243px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(125) .flip {
|
|||
|
|
left: calc(30% + 448px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(126) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40295ms;
|
|||
|
|
animation-duration: 69726ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(126) .flip_rotate {
|
|||
|
|
transform: rotateX(5deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(126) .flip_pos {
|
|||
|
|
transform: translateY(226px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(126) .flip {
|
|||
|
|
left: calc(30% + 383px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(127) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43632ms;
|
|||
|
|
animation-duration: 39881ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(127) .flip_rotate {
|
|||
|
|
transform: rotateX(17deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(127) .flip_pos {
|
|||
|
|
transform: translateY(355px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(127) .flip {
|
|||
|
|
left: calc(30% + 252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(128) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40652ms;
|
|||
|
|
animation-duration: 46862ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(128) .flip_rotate {
|
|||
|
|
transform: rotateX(40deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(128) .flip_pos {
|
|||
|
|
transform: translateY(214px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(128) .flip {
|
|||
|
|
left: calc(30% + 239px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(129) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47949ms;
|
|||
|
|
animation-duration: 45005ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(129) .flip_rotate {
|
|||
|
|
transform: rotateX(20deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(129) .flip_pos {
|
|||
|
|
transform: translateY(328px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(129) .flip {
|
|||
|
|
left: calc(30% + 292px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(130) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46679ms;
|
|||
|
|
animation-duration: 53883ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(130) .flip_rotate {
|
|||
|
|
transform: rotateX(1deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(130) .flip_pos {
|
|||
|
|
transform: translateY(342px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(130) .flip {
|
|||
|
|
left: calc(30% + 457px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(131) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46189ms;
|
|||
|
|
animation-duration: 58798ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(131) .flip_rotate {
|
|||
|
|
transform: rotateX(5deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(131) .flip_pos {
|
|||
|
|
transform: translateY(224px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(131) .flip {
|
|||
|
|
left: calc(30% + 339px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(132) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45843ms;
|
|||
|
|
animation-duration: 57898ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(132) .flip_rotate {
|
|||
|
|
transform: rotateX(27deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(132) .flip_pos {
|
|||
|
|
transform: translateY(240px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(132) .flip {
|
|||
|
|
left: calc(30% + 211px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(133) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45742ms;
|
|||
|
|
animation-duration: 68145ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(133) .flip_rotate {
|
|||
|
|
transform: rotateX(36deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(133) .flip_pos {
|
|||
|
|
transform: translateY(262px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(133) .flip {
|
|||
|
|
left: calc(30% + 261px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(134) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47845ms;
|
|||
|
|
animation-duration: 23150ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(134) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(134) .flip_pos {
|
|||
|
|
transform: translateY(243px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(134) .flip {
|
|||
|
|
left: calc(30% + 266px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(135) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45816ms;
|
|||
|
|
animation-duration: 23880ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(135) .flip_rotate {
|
|||
|
|
transform: rotateX(1deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(135) .flip_pos {
|
|||
|
|
transform: translateY(369px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(135) .flip {
|
|||
|
|
left: calc(30% + 245px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(136) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45329ms;
|
|||
|
|
animation-duration: 67714ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(136) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(136) .flip_pos {
|
|||
|
|
transform: translateY(374px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(136) .flip {
|
|||
|
|
left: calc(30% + 287px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(137) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41428ms;
|
|||
|
|
animation-duration: 31881ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(137) .flip_rotate {
|
|||
|
|
transform: rotateX(12deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(137) .flip_pos {
|
|||
|
|
transform: translateY(210px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(137) .flip {
|
|||
|
|
left: calc(30% + 478px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(138) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44702ms;
|
|||
|
|
animation-duration: 57682ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(138) .flip_rotate {
|
|||
|
|
transform: rotateX(32deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(138) .flip_pos {
|
|||
|
|
transform: translateY(208px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(138) .flip {
|
|||
|
|
left: calc(30% + 420px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(139) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43792ms;
|
|||
|
|
animation-duration: 66581ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(139) .flip_rotate {
|
|||
|
|
transform: rotateX(38deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(139) .flip_pos {
|
|||
|
|
transform: translateY(317px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(139) .flip {
|
|||
|
|
left: calc(30% + 331px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(140) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49206ms;
|
|||
|
|
animation-duration: 25678ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(140) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(140) .flip_pos {
|
|||
|
|
transform: translateY(187px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(140) .flip {
|
|||
|
|
left: calc(30% + 351px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(141) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42106ms;
|
|||
|
|
animation-duration: 40470ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(141) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(141) .flip_pos {
|
|||
|
|
transform: translateY(199px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(141) .flip {
|
|||
|
|
left: calc(30% + 207px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(142) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45141ms;
|
|||
|
|
animation-duration: 62418ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(142) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(142) .flip_pos {
|
|||
|
|
transform: translateY(226px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(142) .flip {
|
|||
|
|
left: calc(30% + 365px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(143) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49075ms;
|
|||
|
|
animation-duration: 51771ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(143) .flip_rotate {
|
|||
|
|
transform: rotateX(36deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(143) .flip_pos {
|
|||
|
|
transform: translateY(289px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(143) .flip {
|
|||
|
|
left: calc(30% + 462px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(144) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40411ms;
|
|||
|
|
animation-duration: 68949ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(144) .flip_rotate {
|
|||
|
|
transform: rotateX(35deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(144) .flip_pos {
|
|||
|
|
transform: translateY(276px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(144) .flip {
|
|||
|
|
left: calc(30% + 350px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(145) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44865ms;
|
|||
|
|
animation-duration: 67161ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(145) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(145) .flip_pos {
|
|||
|
|
transform: translateY(375px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(145) .flip {
|
|||
|
|
left: calc(30% + 236px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(146) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45460ms;
|
|||
|
|
animation-duration: 67663ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(146) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(146) .flip_pos {
|
|||
|
|
transform: translateY(254px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(146) .flip {
|
|||
|
|
left: calc(30% + 263px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(147) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49404ms;
|
|||
|
|
animation-duration: 27816ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(147) .flip_rotate {
|
|||
|
|
transform: rotateX(8deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(147) .flip_pos {
|
|||
|
|
transform: translateY(269px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(147) .flip {
|
|||
|
|
left: calc(30% + 324px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(148) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41873ms;
|
|||
|
|
animation-duration: 33560ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(148) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(148) .flip_pos {
|
|||
|
|
transform: translateY(243px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(148) .flip {
|
|||
|
|
left: calc(30% + 202px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(149) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45853ms;
|
|||
|
|
animation-duration: 25401ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(149) .flip_rotate {
|
|||
|
|
transform: rotateX(15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(149) .flip_pos {
|
|||
|
|
transform: translateY(262px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(149) .flip {
|
|||
|
|
left: calc(30% + 469px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(150) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49859ms;
|
|||
|
|
animation-duration: 51464ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(150) .flip_rotate {
|
|||
|
|
transform: rotateX(27deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(150) .flip_pos {
|
|||
|
|
transform: translateY(297px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(150) .flip {
|
|||
|
|
left: calc(30% + 357px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(151) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43081ms;
|
|||
|
|
animation-duration: 59796ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(151) .flip_rotate {
|
|||
|
|
transform: rotateX(36deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(151) .flip_pos {
|
|||
|
|
transform: translateY(299px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(151) .flip {
|
|||
|
|
left: calc(30% + 342px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(152) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41356ms;
|
|||
|
|
animation-duration: 49692ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(152) .flip_rotate {
|
|||
|
|
transform: rotateX(15deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(152) .flip_pos {
|
|||
|
|
transform: translateY(218px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(152) .flip {
|
|||
|
|
left: calc(30% + 245px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(153) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48766ms;
|
|||
|
|
animation-duration: 63116ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(153) .flip_rotate {
|
|||
|
|
transform: rotateX(3deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(153) .flip_pos {
|
|||
|
|
transform: translateY(191px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(153) .flip {
|
|||
|
|
left: calc(30% + 450px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(154) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45592ms;
|
|||
|
|
animation-duration: 31366ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(154) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(154) .flip_pos {
|
|||
|
|
transform: translateY(255px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(154) .flip {
|
|||
|
|
left: calc(30% + 327px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(155) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49308ms;
|
|||
|
|
animation-duration: 34593ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(155) .flip_rotate {
|
|||
|
|
transform: rotateX(9deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(155) .flip_pos {
|
|||
|
|
transform: translateY(322px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(155) .flip {
|
|||
|
|
left: calc(30% + 278px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(156) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42923ms;
|
|||
|
|
animation-duration: 30654ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(156) .flip_rotate {
|
|||
|
|
transform: rotateX(11deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(156) .flip_pos {
|
|||
|
|
transform: translateY(297px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(156) .flip {
|
|||
|
|
left: calc(30% + 457px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(157) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44502ms;
|
|||
|
|
animation-duration: 29190ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(157) .flip_rotate {
|
|||
|
|
transform: rotateX(43deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(157) .flip_pos {
|
|||
|
|
transform: translateY(255px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(157) .flip {
|
|||
|
|
left: calc(30% + 426px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(158) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44014ms;
|
|||
|
|
animation-duration: 66965ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(158) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(158) .flip_pos {
|
|||
|
|
transform: translateY(315px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(158) .flip {
|
|||
|
|
left: calc(30% + 416px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(159) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49100ms;
|
|||
|
|
animation-duration: 20762ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(159) .flip_rotate {
|
|||
|
|
transform: rotateX(6deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(159) .flip_pos {
|
|||
|
|
transform: translateY(325px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(159) .flip {
|
|||
|
|
left: calc(30% + 464px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(160) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41539ms;
|
|||
|
|
animation-duration: 32743ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(160) .flip_rotate {
|
|||
|
|
transform: rotateX(24deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(160) .flip_pos {
|
|||
|
|
transform: translateY(238px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(160) .flip {
|
|||
|
|
left: calc(30% + 335px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(161) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43379ms;
|
|||
|
|
animation-duration: 69622ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(161) .flip_rotate {
|
|||
|
|
transform: rotateX(30deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(161) .flip_pos {
|
|||
|
|
transform: translateY(283px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(161) .flip {
|
|||
|
|
left: calc(30% + 306px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(162) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44886ms;
|
|||
|
|
animation-duration: 53698ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(162) .flip_rotate {
|
|||
|
|
transform: rotateX(25deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(162) .flip_pos {
|
|||
|
|
transform: translateY(199px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(162) .flip {
|
|||
|
|
left: calc(30% + 348px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(163) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48890ms;
|
|||
|
|
animation-duration: 31593ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(163) .flip_rotate {
|
|||
|
|
transform: rotateX(31deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(163) .flip_pos {
|
|||
|
|
transform: translateY(276px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(163) .flip {
|
|||
|
|
left: calc(30% + 332px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(164) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47906ms;
|
|||
|
|
animation-duration: 28247ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(164) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(164) .flip_pos {
|
|||
|
|
transform: translateY(211px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(164) .flip {
|
|||
|
|
left: calc(30% + 456px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(165) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43577ms;
|
|||
|
|
animation-duration: 52150ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(165) .flip_rotate {
|
|||
|
|
transform: rotateX(32deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(165) .flip_pos {
|
|||
|
|
transform: translateY(287px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(165) .flip {
|
|||
|
|
left: calc(30% + 337px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(166) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42900ms;
|
|||
|
|
animation-duration: 53557ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(166) .flip_rotate {
|
|||
|
|
transform: rotateX(12deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(166) .flip_pos {
|
|||
|
|
transform: translateY(249px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(166) .flip {
|
|||
|
|
left: calc(30% + 315px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(167) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45569ms;
|
|||
|
|
animation-duration: 23379ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(167) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(167) .flip_pos {
|
|||
|
|
transform: translateY(239px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(167) .flip {
|
|||
|
|
left: calc(30% + 224px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(168) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47979ms;
|
|||
|
|
animation-duration: 28330ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(168) .flip_rotate {
|
|||
|
|
transform: rotateX(24deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(168) .flip_pos {
|
|||
|
|
transform: translateY(302px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(168) .flip {
|
|||
|
|
left: calc(30% + 242px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(169) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46877ms;
|
|||
|
|
animation-duration: 55589ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(169) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(169) .flip_pos {
|
|||
|
|
transform: translateY(377px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(169) .flip {
|
|||
|
|
left: calc(30% + 260px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(170) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46317ms;
|
|||
|
|
animation-duration: 63336ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(170) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(170) .flip_pos {
|
|||
|
|
transform: translateY(328px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(170) .flip {
|
|||
|
|
left: calc(30% + 369px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(171) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41471ms;
|
|||
|
|
animation-duration: 50802ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(171) .flip_rotate {
|
|||
|
|
transform: rotateX(43deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(171) .flip_pos {
|
|||
|
|
transform: translateY(359px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(171) .flip {
|
|||
|
|
left: calc(30% + 496px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(172) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45119ms;
|
|||
|
|
animation-duration: 29899ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(172) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(172) .flip_pos {
|
|||
|
|
transform: translateY(261px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(172) .flip {
|
|||
|
|
left: calc(30% + 227px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(173) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42601ms;
|
|||
|
|
animation-duration: 58264ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(173) .flip_rotate {
|
|||
|
|
transform: rotateX(17deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(173) .flip_pos {
|
|||
|
|
transform: translateY(305px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(173) .flip {
|
|||
|
|
left: calc(30% + 405px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(174) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41284ms;
|
|||
|
|
animation-duration: 56628ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(174) .flip_rotate {
|
|||
|
|
transform: rotateX(42deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(174) .flip_pos {
|
|||
|
|
transform: translateY(358px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(174) .flip {
|
|||
|
|
left: calc(30% + 287px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(175) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -49398ms;
|
|||
|
|
animation-duration: 36209ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(175) .flip_rotate {
|
|||
|
|
transform: rotateX(28deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(175) .flip_pos {
|
|||
|
|
transform: translateY(218px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(175) .flip {
|
|||
|
|
left: calc(30% + 389px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(176) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43577ms;
|
|||
|
|
animation-duration: 33565ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(176) .flip_rotate {
|
|||
|
|
transform: rotateX(45deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(176) .flip_pos {
|
|||
|
|
transform: translateY(288px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(176) .flip {
|
|||
|
|
left: calc(30% + 236px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(177) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46859ms;
|
|||
|
|
animation-duration: 34382ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(177) .flip_rotate {
|
|||
|
|
transform: rotateX(4deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(177) .flip_pos {
|
|||
|
|
transform: translateY(268px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(177) .flip {
|
|||
|
|
left: calc(30% + 344px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(178) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47968ms;
|
|||
|
|
animation-duration: 64787ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(178) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(178) .flip_pos {
|
|||
|
|
transform: translateY(188px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(178) .flip {
|
|||
|
|
left: calc(30% + 312px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(179) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40136ms;
|
|||
|
|
animation-duration: 22813ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(179) .flip_rotate {
|
|||
|
|
transform: rotateX(25deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(179) .flip_pos {
|
|||
|
|
transform: translateY(250px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(179) .flip {
|
|||
|
|
left: calc(30% + 479px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(180) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45628ms;
|
|||
|
|
animation-duration: 28255ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(180) .flip_rotate {
|
|||
|
|
transform: rotateX(12deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(180) .flip_pos {
|
|||
|
|
transform: translateY(359px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(180) .flip {
|
|||
|
|
left: calc(30% + 243px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(181) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48073ms;
|
|||
|
|
animation-duration: 29962ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(181) .flip_rotate {
|
|||
|
|
transform: rotateX(16deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(181) .flip_pos {
|
|||
|
|
transform: translateY(299px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(181) .flip {
|
|||
|
|
left: calc(30% + 430px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(182) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44476ms;
|
|||
|
|
animation-duration: 65110ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(182) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(182) .flip_pos {
|
|||
|
|
transform: translateY(331px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(182) .flip {
|
|||
|
|
left: calc(30% + 382px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(183) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45180ms;
|
|||
|
|
animation-duration: 69618ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(183) .flip_rotate {
|
|||
|
|
transform: rotateX(37deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(183) .flip_pos {
|
|||
|
|
transform: translateY(361px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(183) .flip {
|
|||
|
|
left: calc(30% + 221px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(184) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43038ms;
|
|||
|
|
animation-duration: 24452ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(184) .flip_rotate {
|
|||
|
|
transform: rotateX(40deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(184) .flip_pos {
|
|||
|
|
transform: translateY(249px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(184) .flip {
|
|||
|
|
left: calc(30% + 233px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(185) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44870ms;
|
|||
|
|
animation-duration: 25826ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(185) .flip_rotate {
|
|||
|
|
transform: rotateX(34deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(185) .flip_pos {
|
|||
|
|
transform: translateY(283px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(185) .flip {
|
|||
|
|
left: calc(30% + 395px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(186) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -43091ms;
|
|||
|
|
animation-duration: 20495ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(186) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(186) .flip_pos {
|
|||
|
|
transform: translateY(363px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(186) .flip {
|
|||
|
|
left: calc(30% + 494px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(187) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48095ms;
|
|||
|
|
animation-duration: 37727ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(187) .flip_rotate {
|
|||
|
|
transform: rotateX(33deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(187) .flip_pos {
|
|||
|
|
transform: translateY(306px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(187) .flip {
|
|||
|
|
left: calc(30% + 276px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(188) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46736ms;
|
|||
|
|
animation-duration: 46595ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(188) .flip_rotate {
|
|||
|
|
transform: rotateX(13deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(188) .flip_pos {
|
|||
|
|
transform: translateY(274px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(188) .flip {
|
|||
|
|
left: calc(30% + 259px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(189) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48525ms;
|
|||
|
|
animation-duration: 60453ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(189) .flip_rotate {
|
|||
|
|
transform: rotateX(3deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(189) .flip_pos {
|
|||
|
|
transform: translateY(252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(189) .flip {
|
|||
|
|
left: calc(30% + 333px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(190) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -42173ms;
|
|||
|
|
animation-duration: 37064ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(190) .flip_rotate {
|
|||
|
|
transform: rotateX(2deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(190) .flip_pos {
|
|||
|
|
transform: translateY(322px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(190) .flip {
|
|||
|
|
left: calc(30% + 352px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(191) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -41130ms;
|
|||
|
|
animation-duration: 49572ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(191) .flip_rotate {
|
|||
|
|
transform: rotateX(42deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(191) .flip_pos {
|
|||
|
|
transform: translateY(355px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(191) .flip {
|
|||
|
|
left: calc(30% + 480px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(192) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45638ms;
|
|||
|
|
animation-duration: 58287ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(192) .flip_rotate {
|
|||
|
|
transform: rotateX(31deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(192) .flip_pos {
|
|||
|
|
transform: translateY(233px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(192) .flip {
|
|||
|
|
left: calc(30% + 226px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(193) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -48009ms;
|
|||
|
|
animation-duration: 31005ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(193) .flip_rotate {
|
|||
|
|
transform: rotateX(35deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(193) .flip_pos {
|
|||
|
|
transform: translateY(274px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(193) .flip {
|
|||
|
|
left: calc(30% + 330px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(194) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -47638ms;
|
|||
|
|
animation-duration: 33277ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(194) .flip_rotate {
|
|||
|
|
transform: rotateX(14deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(194) .flip_pos {
|
|||
|
|
transform: translateY(356px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(194) .flip {
|
|||
|
|
left: calc(30% + 386px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(195) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46235ms;
|
|||
|
|
animation-duration: 65866ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(195) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(195) .flip_pos {
|
|||
|
|
transform: translateY(258px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(195) .flip {
|
|||
|
|
left: calc(30% + 414px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(196) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45369ms;
|
|||
|
|
animation-duration: 39466ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(196) .flip_rotate {
|
|||
|
|
transform: rotateX(26deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(196) .flip_pos {
|
|||
|
|
transform: translateY(233px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(196) .flip {
|
|||
|
|
left: calc(30% + 252px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(197) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -44130ms;
|
|||
|
|
animation-duration: 50355ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(197) .flip_rotate {
|
|||
|
|
transform: rotateX(41deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(197) .flip_pos {
|
|||
|
|
transform: translateY(275px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(197) .flip {
|
|||
|
|
left: calc(30% + 356px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(198) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -46317ms;
|
|||
|
|
animation-duration: 28286ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(198) .flip_rotate {
|
|||
|
|
transform: rotateX(44deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(198) .flip_pos {
|
|||
|
|
transform: translateY(190px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(198) .flip {
|
|||
|
|
left: calc(30% + 258px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(199) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -45254ms;
|
|||
|
|
animation-duration: 55129ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(199) .flip_rotate {
|
|||
|
|
transform: rotateX(3deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(199) .flip_pos {
|
|||
|
|
transform: translateY(335px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(199) .flip {
|
|||
|
|
left: calc(30% + 399px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(200) {
|
|||
|
|
animation: rotation linear infinite reverse;
|
|||
|
|
animation-delay: -40392ms;
|
|||
|
|
animation-duration: 20747ms;
|
|||
|
|
}
|
|||
|
|
@keyframes rotation {
|
|||
|
|
0% {
|
|||
|
|
transform: rotateY(0deg);
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: rotateY(360deg);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(200) .flip_rotate {
|
|||
|
|
transform: rotateX(12deg);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(200) .flip_pos {
|
|||
|
|
transform: translateY(369px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(200) .flip {
|
|||
|
|
left: calc(30% + 311px);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.rotate:nth-of-type(1) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 26241ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(2) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22916ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(3) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24887ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(4) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 20637ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(5) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4026ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(6) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25036ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(7) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 30293ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(8) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 29391ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(9) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 8423ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(10) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22301ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(11) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24586ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(12) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16281ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(13) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 13644ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(14) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4616ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(15) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 11902ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(16) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 5453ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(17) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 29601ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(18) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24262ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(19) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 8982ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(20) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10219ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(21) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 11535ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(22) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9147ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(23) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 7339ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(24) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 20026ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(25) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 27729ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(26) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10792ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(27) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 18890ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(28) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22570ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(29) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 14502ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(30) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 7304ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(31) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 29965ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(32) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 19647ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(33) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 5156ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(34) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 20845ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(35) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 19116ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(36) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 20441ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(37) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 11235ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(38) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 19499ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(39) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 23206ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(40) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22051ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(41) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24980ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(42) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25896ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(43) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 17618ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(44) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 32206ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(45) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 28234ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(46) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4965ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(47) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22315ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(48) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 26285ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(49) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 31018ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(50) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22515ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(51) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 26220ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(52) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 21346ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(53) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 32236ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(54) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16412ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(55) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 23503ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(56) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 23408ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(57) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 14488ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(58) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 31663ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(59) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25405ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(60) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 22072ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(61) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 29887ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(62) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 11213ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(63) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24691ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(64) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 23088ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(65) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16162ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(66) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10252ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(67) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9098ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(68) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 19665ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(69) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 30437ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(70) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 6166ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(71) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 15994ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(72) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4950ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(73) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 6780ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(74) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16632ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(75) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4994ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(76) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10222ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(77) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 3447ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(78) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 28225ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(79) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 8055ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(80) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 7526ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(81) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 31521ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(82) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16673ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(83) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25014ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(84) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 20593ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(85) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 4049ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(86) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 6253ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(87) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 28988ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(88) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 30448ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(89) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 15314ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(90) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 28963ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(91) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9234ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(92) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 28562ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(93) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10231ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(94) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 31418ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(95) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25059ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(96) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 15076ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(97) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 23337ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(98) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 32791ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(99) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 13790ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(100) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9480ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(101) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 25135ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(102) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 27117ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(103) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24636ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(104) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9419ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(105) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 5872ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(106) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 9317ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(107) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 8663ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(108) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 26855ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(109) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 16696ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(110) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 24696ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(111) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 27511ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(112) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 21975ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(113) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 31906ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(114) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 29426ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(115) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 17154ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(116) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 14157ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(117) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 12917ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(118) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 11683ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(119) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 10924ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(120) .flip {
|
|||
|
|
background-color: #f9f2ee;
|
|||
|
|
box-shadow: 0px 0px 10px 1px #f9f2ee;
|
|||
|
|
animation: rotate01 21505ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate01 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.8;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.6;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(120) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 27977ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(121) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 14254ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(122) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 23627ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(123) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7425ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(124) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 17883ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(125) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 27137ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(126) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31529ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(127) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 32677ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(128) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 28443ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(129) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 26483ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(130) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 21762ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(131) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 19099ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(132) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7954ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(133) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31019ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(134) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 19520ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(135) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 16262ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(136) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 13768ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(137) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 23982ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(138) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 6335ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(139) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 5782ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(140) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 15129ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(141) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 6523ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(142) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 21834ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(143) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 21139ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(144) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 23754ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(145) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 15260ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(146) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7608ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(147) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 21898ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(148) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 20308ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(149) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 19175ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(150) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 8119ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(151) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 15758ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(152) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 24528ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(153) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 5629ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(154) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 15187ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(155) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 22069ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(156) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 17705ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(157) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 10300ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(158) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 17755ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(159) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 16855ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(160) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 3111ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(161) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31420ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(162) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 21728ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(163) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 13965ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(164) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31992ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(165) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 29706ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(166) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 18755ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(167) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 3343ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(168) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 30107ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(169) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 30181ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(170) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31872ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(171) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 25936ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(172) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 24514ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(173) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 4818ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(174) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 25402ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(175) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 23587ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(176) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 19558ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(177) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 11623ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(178) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 17224ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(179) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 5030ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(180) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 5249ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(181) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 19513ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(182) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 3962ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(183) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 10916ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(184) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 32027ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(185) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 24024ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(186) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 9497ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(187) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 12297ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(188) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7180ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(189) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7878ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(190) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 6615ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(191) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 8927ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(192) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 23412ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(193) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 30347ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(194) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 5837ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(195) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7053ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(196) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 25363ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(197) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 31428ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(198) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 7805ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(199) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 26481ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.rotate:nth-of-type(200) .flip {
|
|||
|
|
background-color: #f9d2d3;
|
|||
|
|
animation: rotate02 8856ms infinite;
|
|||
|
|
}
|
|||
|
|
@keyframes rotate02 {
|
|||
|
|
0% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(0);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
25% {
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
50% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.4;
|
|||
|
|
}
|
|||
|
|
100% {
|
|||
|
|
transform: scale3d(0.5, 0.5, 0.5) rotateY(180deg);
|
|||
|
|
opacity: 0.1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="container_rotate">
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="rotate">
|
|||
|
|
<div class="flip_rotate">
|
|||
|
|
<div class="flip_pos">
|
|||
|
|
<div class="flip"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="background">
|
|||
|
|
<div class="container" data-container>
|
|||
|
|
<div class="card" data-card style="background-image: url('https://source.unsplash.com/random/6 ')">1.检测开发板是否与虚拟机互通
|
|||
|
|
<br>在虚拟机上ping终端ip
|
|||
|
|
<br>在终端上ping虚拟机
|
|||
|
|
</div>
|
|||
|
|
<div class="card" style="background-image: url('https://source.unsplash.com/random/1 ')">2.跑通开发板上的代码
|
|||
|
|
<br>在浏览器上IP地址加端口号访问
|
|||
|
|
</div>
|
|||
|
|
<div class="card" style="background-image: url('https://source.unsplash.com/random/2 ')">3.编写网页
|
|||
|
|
<br>编写自己所做任务并加上样式</div>
|
|||
|
|
|
|||
|
|
<div class="card" style="background-image: url('https://source.unsplash.com/random/3')">4.将自己所写网页与源代码合并
|
|||
|
|
<br>用a链接的方式在主页面实现跳转</div>
|
|||
|
|
|
|||
|
|
<div class="card" style="background-image: url('https://source.unsplash.com/random/4')">5.代码挂到开发板上ID卡上并访问
|
|||
|
|
<br>将修改的www代码替换</div>
|
|||
|
|
|
|||
|
|
<div class="card" style="background-image: url('https://source.unsplash.com/random/5 ')">6.文档的撰写</div>
|
|||
|
|
|
|||
|
|
<!-- https://source.unsplash.com/random/6 -->
|
|||
|
|
</div>
|
|||
|
|
<div class="buttons">
|
|||
|
|
<button data-remove>–</button>
|
|||
|
|
<button data-add>+</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
// This JS is not needed for the layout to work.
|
|||
|
|
// All it does it add/remove images.
|
|||
|
|
|
|||
|
|
const add = document.querySelector('[data-add]');
|
|||
|
|
const remove = document.querySelector('[data-remove]');
|
|||
|
|
const card = document.querySelector('[data-card]');
|
|||
|
|
const container = document.querySelector('[data-container]');
|
|||
|
|
let number = 7;
|
|||
|
|
add.addEventListener('click', () => {
|
|||
|
|
/* var arr[10] = {"1.检测开发板是否与主机互通","2.跑通开发板上的代码","3.进行前端网页的设计与编写","4.将自己所写网页与源代码合并","5.代码挂到开发板上ID卡上并访问","5.代码挂到开发板上ID卡上并访问","6.文档的撰写","7","8","9","10"}*/
|
|||
|
|
const addCard = card.cloneNode(true);
|
|||
|
|
// 'https://source.unsplash.com/random/${Math.floor(Math.random() * 100)}'
|
|||
|
|
const image = `url('https://source.unsplash.com/random/${Math.floor(Math.random() * 100)}')`;
|
|||
|
|
addCard.style.backgroundImage = image;
|
|||
|
|
addCard.innerHTML = number;
|
|||
|
|
container.appendChild(addCard);
|
|||
|
|
number++;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
remove.addEventListener('click', () => {
|
|||
|
|
if (container.childElementCount > 0) {
|
|||
|
|
container.removeChild(container.lastElementChild);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (number > 1) {
|
|||
|
|
number--;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</html>
|