.cinema-container{background-color:rgb(126,17,17);width:100vw;height:100vh;position:relative;overflow:hidden;background-image:url(https://clipartstation.com/wp-content/uploads/2017/11/kinosaal-clipart-8.jpg);background-size:cover;background-position:50%}.ceiling{width:100%;height:20vh;border-radius:15%;position:absolute;top:-50px;z-index:7;background:rgb(115,67,67);background:radial-gradient(circle,rgba(115,67,67,1) 0,rgba(62,38,38,1) 52%,rgba(29,15,15,1) 100%)}.wall{background-color:#2B1603;height:575px;top:145px;background:rgb(220,255,255);background:linear-gradient(0deg,rgba(220,255,255,1),rgba(43,22,3,1) 0,rgba(17,8,1,1))}.ground,.wall{width:100%;z-index:2;position:absolute}.ground{background-color:#613D23;height:80px;bottom:150px;background:rgb(220,255,255);background:linear-gradient(0deg,rgba(220,255,255,1),rgba(97,61,35,1) 0,rgba(69,44,25,1) 53%,rgba(51,32,18,1))}.seat-container{background-color:#331B03;width:100%;height:150px;position:absolute;bottom:0}.curtain1{background-color:#B20614;width:600px;height:630px;position:absolute;bottom:190px;left:0;z-index:5;background-image:linear-gradient(90deg,transparent 50%,rgba(5,5,5,.5)0);background-size:50px 50px;-webkit-box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);-moz-box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);animation:curtainleftmove 10s;animation-fill-mode:forwards;animation-delay:1s}@keyframes curtainleftmove{0%{left:0}to{left:-480px}}.curtain2{background-color:#B20614;width:600px;height:630px;position:absolute;bottom:190px;right:0;z-index:5;background-image:linear-gradient(90deg,transparent 50%,rgba(5,5,5,.5)0);background-size:50px 50px;-webkit-box-shadow:-16px 23px 25px 15px rgba(0,0,0,.54);-moz-box-shadow:-16px 23px 25px 15px rgba(0,0,0,.54);box-shadow:-16px 23px 25px 15px rgba(0,0,0,.54);animation:curtainrightmove 10s;animation-fill-mode:forwards;animation-delay:1s}@keyframes curtainrightmove{0%{right:0}to{right:-480px}}.screen{background:#000000;width:100%;max-width:832px;height:45%;z-index:4;position:absolute;top:20%;left:50%;transform:translateX(-50%);-webkit-box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);-moz-box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);box-shadow:14px 23px 25px 15px rgba(0,0,0,.54);animation-name:screenon;animation-duration:7s;animation-delay:1s;animation-fill-mode:forwards;animation-timing-function:ease-in;overflow:hidden}@keyframes screenon{0%{background:black}to{background:rgb(207,207,207);box-shadow:21px 35px 60px 64px rgba(255,255,255,.2)}}.chair{position:absolute;width:18vw;height:9vh;border-radius:20%;border-color:rgb(161,39,39) rgb(141,24,24) #331b03;border-style:solid;border-width:1.5vh;background:linear-gradient(0deg,rgba(220,255,255,1),rgba(43,22,3,1) 0,rgba(83,10,10,1) 24%,rgba(117,13,13,1))}.chair1{left:0}.chair1,.chair2{bottom:-4vh;z-index:5}.chair2{left:25vw}.chair3{left:50vw}.chair3,.chair4{bottom:-4vh;z-index:5}.chair4{left:75vw}.chair5{left:10vw}.chair5,.chair6{bottom:8vh;height:7vh}.chair6{left:37.5vw}.chair7{left:65vw}.chair7,.chair8{bottom:8vh;height:7vh}.chair8{left:90vw}.chair9{left:-10vw;bottom:8vh;height:7vh}.light{width:2.5vw;height:1.5vh;border-radius:50%;background-color:rgb(245,244,201);z-index:12;position:absolute;top:6vh;left:38vw;animation-name:dimlight;animation-duration:4s;animation-delay:5s;animation-fill-mode:forwards}@keyframes dimlight{0%{background-color:rgb(245,244,201)}to{background-color:rgb(83,83,78)}}.light2{top:9vh;left:49vw}.light2,.light3{position:absolute;width:2.5vw;height:1.5vh;border-radius:50%;background-color:rgb(245,244,201);animation-name:dimlight;animation-duration:4s;animation-delay:5s;animation-fill-mode:forwards;z-index:12}.light3{top:6vh;left:60vw}.layer{background-color:rgba(235,241,179,.1);width:100%;height:100%;position:absolute;z-index:20;animation-name:dim;animation-duration:4s;animation-delay:1s;animation-fill-mode:forwards}@keyframes dim{0%{background-color:rgba(235,241,179,.1)}to{background-color:rgba(0,0,0,.2)}}.three{left:370px;animation-delay:12s;animation-fill-mode:forwards}.three,.two{font-size:10rem;color:rgba(0,0,0,0);position:absolute;top:100px;animation-name:countstart;animation-duration:1.5s;z-index:7}.two{animation-delay:13.5s;animation-fill-mode:forwards}.one,.two{left:365px}.one{font-size:10rem;color:rgba(0,0,0,0);position:absolute;top:111px;animation-name:countstart;animation-duration:1.5s;animation-delay:15s;animation-fill-mode:forwards;z-index:7}@keyframes countstart{0%{color:rgba(0,0,0,0)}50%{color:rgba(0,0,0,1)}to{color:rgba(0,0,0,0)}}.circle-inner{width:200px;height:200px;top:100px}.circle-inner,.circle-outer{border-radius:50%;border:3px solid rgba(0,0,0,0);position:absolute;left:50%;transform:translateX(-50%);animation-name:circlestart;animation-duration:1s;animation-delay:22s;animation-fill-mode:forwards;z-index:6}.circle-outer{width:240px;height:240px;top:80px}@keyframes circlestart{0%{border:3px solid rgba(255,255,255,0);background-color:rgba(255,255,255,0)}to{border:3px solid rgb(255,255,255);background-color:rgba(255,255,255,.2)}}.line1{width:100%;height:1px;top:50%;transform:translateY(-50%);left:0}.line1,.line2{background-color:black;position:absolute;z-index:5}.line2{width:1px;height:100%;top:0;left:50%;transform:translateX(-50%)}.screen2{background:rgba(255,255,255,0);width:100%;max-width:832px;height:100%;z-index:10;position:absolute;overflow:hidden;animation-name:screen2;animation-duration:3s;animation-delay:17s;animation-fill-mode:forwards;animation-timing-function:ease-in}@keyframes screen2{0%{background-color:rgba(255,255,255,0)}to{background-color:rgb(134,105,138)}}.wool{width:100px;height:100px;border-radius:50%;background-color:white}.wool,.wool1{position:absolute}.wool1{bottom:150px;left:290px}.wool2{bottom:110px}.wool2,.wool3{position:absolute;left:320px}.wool3{bottom:180px}.wool4{bottom:180px}.wool4,.wool5{position:absolute;left:370px}.wool5{bottom:110px}.wool6{position:absolute;bottom:150px;left:400px}.head{width:60px;height:80px;bottom:160px;left:365px}.ear1,.head{display:block;background-color:black;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;position:absolute}.ear1{width:20px;height:50px;bottom:190px;left:415px;transform:rotate(-120deg)}.ear2{display:block;height:50px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;bottom:190px;transform:rotate(120deg)}.ear2,.leg1{width:20px;background-color:black;position:absolute;left:355px}.leg1{transform:rotate(10deg)}.leg1,.leg2{height:40px;z-index:5;bottom:70px}.leg2{width:20px;background-color:black;left:425px;transform:rotate(-10deg)}.leg2,.sign{position:absolute}.sign{width:180px;height:100px;background-color:rgb(80,46,95);z-index:5;bottom:60px;left:0;color:white;font-size:2rem;text-align:center}.sheep{position:absolute;bottom:-400px;left:40%;transform:translateX(-50%);-webkit-animation:sheepMove 10s linear;animation-delay:17s;animation-fill-mode:forwards}@keyframes sheepMove{0%{transform:translateY(0)}to{transform:translateY(-450px)}}.ceiling,.ground,.layer,.seat-container,.wall{width:100%;max-width:100%}@media (max-width:768px){.screen{width:90%}.curtain1,.curtain2{width:500px}.one,.three,.two{font-size:5rem;left:50%}.one,.sign,.three,.two{transform:translateX(-50%)}.sign{font-size:1.5rem;width:220px;left:1%;display:flex;justify-content:center;align-items:center}.sheep{left:50%;transform:translateX(-50%)}.ear1,.ear2,.head,.leg1,.leg2,.wool{transform:scale(.7)}}@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&display=swap");.maintenance-container{position:relative;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;flex-direction:column}.projector-glow{position:absolute;width:200vw;background:#000;animation:flicker 1.5s infinite alternate}.screen-text{color:#fff;font-size:1.6rem;text-align:center;z-index:10;padding:24px 32px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);border-radius:12px;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:0 0 10px rgba(255,255,255,.05);max-width:90%;line-height:1.6;opacity:.2;transition:opacity 1s ease,transform 1s ease}.screen-text.active{opacity:1;animation:fade-glow 3s ease-in-out infinite alternate}@keyframes fade-glow{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}#projectorContainer{position:relative;height:200px;width:200px;margin:50px auto}.filmDisk{position:absolute;height:60%;width:60%;animation:rot 2s linear infinite}.fdBack{height:100%;width:100%;background-color:gray}.fdBack,.fdFilm{border-radius:50%}.fdFilm{position:absolute;height:70%;width:70%;top:15%;left:15%;background-color:rgb(50,50,50)}.fdBar{height:95%;width:15%;top:2.5%;left:42.5%}.fdBar,.fdBar2{position:absolute;background-color:gray}.fdBar2{width:95%;height:15%;top:42.5%;left:2.5%}.fdCover{position:absolute;height:35%;width:35%;top:32.5%;left:32.5%;background-color:gray;border-radius:50%}#film1{top:-5%;left:-20%}#film2{top:-5%;right:-5%}.projectorBody{height:60%;width:90%;background-color:rgb(70,70,70);border-radius:20px}.lens,.projectorBody{position:absolute;top:40%}.lens{height:30%;width:20%;left:105%;border-top-left-radius:10px;border-bottom-left-radius:10px}.lens,.lensHold{background-color:gray}.lensHold{position:absolute;height:20%;width:10%;left:100%;top:45%}.projectorLight{position:absolute;opacity:.8;height:60%;width:90%;left:110%;top:42.9%;background-color:rgb(255,228,196);animation:light .9s infinite}.projectorLight :first-child{top:-15%;transform:rotate(-12deg)}.projectorLight :nth-child(2){bottom:-15%;transform:rotate(12deg)}.cover{position:absolute;height:40%;width:115%;left:-10%;opacity:1;background:#000}@keyframes rot{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes light{0%{opacity:.8}50%{opacity:0}to{opacity:.8}}.power-button{position:absolute;bottom:10%;right:5%;width:25px;height:25px;background-color:#222;border:2px solid white;border-radius:50%;cursor:pointer;z-index:20;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;transition:background-color .3s}.power-button.on{background-color:#00ff00}.projectorLight.off{display:none}