:root{--retraso:1s}::-webkit-scrollbar{display:none}.contenedor{width:400px;height:400px;display:flex;align-items:center;justify-content:space-around;animation:container 27s infinite alternate}.circle{background-color:#dc143c;box-shadow:10px -15px 113px 0 #dc143c;animation:primera-animacion 3s}.circle,.circle2{opacity:.8;width:50px;height:50px;border-radius:100%}.circle2{background-color:#f08080;box-shadow:10px -15px 113px 0 #f08080;animation:segunda-animacion 2s infinite alternate}.floorBall{width:1;height:1;display:absolute;border-radius:20%}@media (min-width:768px){.card{view-timeline:--reveal;animation:show;animation-fill-mode:both;animation-timeline:--reveal;animation-range:entry 25% cover 50%}}.floorBall li{border-radius:20%;background-color:#dc143c;opacity:.8;box-shadow:10px -15px 113px 0 #dc143c;animation:cuadradoGirando 1s linear infinite}.floorBall li:first-child{position:absolute;left:25%;width:40px;height:40px}.cuadrado{width:50px;height:50px;animation:cuadrado 10s ease infinite}.floorBall div:first-child{animation-delay:10s}.floorBall div:nth-child(2){animation-delay:7s}.floorBall div:nth-child(3){animation-delay:6s}.floorBall div:nth-child(4){animation-delay:13s}.floorBall div:nth-child(5){animation-delay:1s}.floorBall div:nth-child(6){animation-delay:4s}.floorBall div:nth-child(7){animation-delay:9s}.floorBall div:nth-child(8){animation-delay:2s}.floorBall div:nth-child(9){animation-delay:3s}.ScreenAnimation{animation:screenAnimation .1s linear;animation-iteration-count:1;transform-origin:right}.ScreenAnimationReverse{animation:screenAnimationReverse .1s linear;animation-iteration-count:1;transform-origin:right}@keyframes screenAnimation{0%{transform:scaleX(0)}to{transform:scaleX(100%)}}@keyframes screenAnimationReverse{0%{transform:scaleX(100%)}to{transform:scaleX(0)}}@keyframes cuadradoGirando{0%{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes show{0%{opacity:0;scale:10%}to{opacity:1;scale:100%}}@keyframes cuadrado{0%{transform:translateX(0)}to{transform:translate(100vw)}}@keyframes container{0%{transform:rotate(0deg)}to{transform:rotate(25turn)}}@keyframes segunda-animacion{to{transform:translateX(-200px)}}@keyframes primera-animacion{to{transform:translateX(200px)}}