body,html{margin:0;padding:0;overflow:hidden}body{transition:.2s background-color linear;background-color:#cbfeca}body.animate_fallback{animation:background;animation-fill-mode:forwards;animation-duration:10s;animation-iteration-count:infinite}body.animate_fallback .logo{animation:rotation;animation-fill-mode:forwards;animation-duration:10s;animation-iteration-count:infinite}@keyframes background{0%,100%{background-color:#cbfeca}20%{background-color:#989896}40%{background-color:#fec796}60%{background-color:#fdffff}80%{background-color:#96fdfd}}@keyframes rotation{0%{transform:perspective(1000px) rotateX(0) rotateY(0)}20%{transform:perspective(1000px) rotateX(-15deg) rotateY(11deg)}40%{transform:perspective(1000px) rotateX(-11deg) rotateY(-19deg)}60%{transform:perspective(1000px) rotateX(26deg) rotateY(-22deg)}80%{transform:perspective(1000px) rotateX(21deg) rotateY(11deg)}100%{transform:perspective(1000px) r rotateX(0) rotateY(0)}}*{box-sizing:border-box}.logo{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:15px}.logo img{max-width:400px;transition:.1s transform linear}