body{background:#efefef;background:#000}.container{position:fixed;left:-30vw;top:-20vh;width:80%;height:80%;animation-name:spin;animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:linear;transform:scale(0.5)}.layers{position:fixed;left:40vw;top:45vh;transform:scaleY(0.5) scaleX(1.8);animation:scale ease-in-out 17s infinite}p.layer{position:absolute;width:10vw;height:10vw;background:rgba(255,0,0,0.4)}p.layer:nth-child(0){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -102vh);filter:hue-rotate(0deg);animation:slide-6 ease-in-out 10s infinite}@keyframes slide-6{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 102vh) scale(.2)}}p.layer:nth-child(1){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -85vh);filter:hue-rotate(36deg);animation:slide-5 ease-in-out 10s infinite}@keyframes slide-5{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 85vh) scale(.25)}}p.layer:nth-child(2){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -68vh);filter:hue-rotate(72deg);animation:slide-4 ease-in-out 10s infinite}@keyframes slide-4{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 68vh) scale(.3)}}p.layer:nth-child(3){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -51vh);filter:hue-rotate(108deg);animation:slide-3 ease-in-out 10s infinite}@keyframes slide-3{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 51vh) scale(.35)}}p.layer:nth-child(4){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -34vh);filter:hue-rotate(144deg);animation:slide-2 ease-in-out 10s infinite}@keyframes slide-2{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 34vh) scale(.4)}}p.layer:nth-child(5){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -17vh);filter:hue-rotate(180deg);animation:slide-1 ease-in-out 10s infinite}@keyframes slide-1{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 17vh) scale(.45)}}p.layer:nth-child(6){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 0vh);filter:hue-rotate(216deg);animation:slide0 ease-in-out 10s infinite}@keyframes slide0{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 0vh) scale(.5)}}p.layer:nth-child(7){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 17vh);filter:hue-rotate(252deg);animation:slide1 ease-in-out 10s infinite}@keyframes slide1{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -17vh) scale(.55)}}p.layer:nth-child(8){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 34vh);filter:hue-rotate(288deg);animation:slide2 ease-in-out 10s infinite}@keyframes slide2{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -34vh) scale(.6)}}p.layer:nth-child(9){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 51vh);filter:hue-rotate(324deg);animation:slide3 ease-in-out 10s infinite}@keyframes slide3{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -51vh) scale(.65)}}p.layer:nth-child(10){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 68vh);filter:hue-rotate(360deg);animation:slide4 ease-in-out 10s infinite}@keyframes slide4{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -68vh) scale(.7)}}p.layer:nth-child(11){transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 85vh);filter:hue-rotate(396deg);animation:slide5 ease-in-out 10s infinite}@keyframes slide5{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, -85vh) scale(.75)}}div.card{tansition:opacity 4s;display:flex;opacity:0;align-items:center;flex-direction:column;font-size:3em;font-family:'Montserrat', sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:600px;height:400px;z-index:1}div.card p.text{display:block !important;margin:15px auto;font-weight:100;color:#fff;transform:rotate(0)}div.card p.text:nth-child(1){padding-bottom:-5px;width:65%;text-align:center;border-bottom:1px solid #fff}div.card p.text:nth-child(even){margin:0;font-size:2.0rem;font-style:italic;transition-delay:3s;transition-duration:1s}.showing{transition:6s;opacity:1 !important;z-index:2}.fade{transition:3s;opacity:0;z-index:1}button{background:transparent;font-size:2em;color:blue;border-width:0;cursor:pointer;border-radius:50px}button:hover{transition:.2s;color:red}button:focus{outline:none}.sound{position:absolute;z-index:100;width:400px;height:50px;right:5px;bottom:0;text-align:right}.ack{width:auto;position:absolute;left:0;bottom:0;color:blue;font-size:0.8rem;font-style:italic;color:#fff;font-family:'Montserrat', sans-serif}@keyframes scale{50%{transform:rotateX(45deg) rotateZ(45deg) translate3d(0vh, 0vh, 15vh) scale(1)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=main.css.map */