@import url("https://fonts.googleapis.com/css?family=Josefin+Sans");.access-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.access-page h1{margin-bottom:20px;color:#313b5a}.access-page input{padding:10px;border-radius:4px}.img-cont{width:100%;align-items:center;justify-content:center;display:flex;margin-top:250px}.img-logo{width:20%;margin:auto}.m-top{margin-top:10px}.p-cont{display:flex;margin:30px auto auto;background-color:#e5e5e5;color:#252b41;max-width:800px;flex-direction:column;padding:40px;border-radius:5px}.h1-access{font-family:Outfit;text-align:center;margin-top:2em;font-size:1em;text-transform:uppercase;letter-spacing:5px;color:white}.main-access{position:relative;height:100vh;background:linear-gradient(0deg,hsl(200,5%,11%),hsla(0,100%,100%,.75))}.body-access{font-size:12px;font-family:Josefin Sans,Roboto,sans-serif;color:hsla(0,100%,100%,.75);overflow:hidden;background-color:hsl(210,3%,15%)}.crane__list,.skyscrappers__list,.tree__container{position:absolute;width:100%;bottom:0}.advice{display:flex;height:50vh;width:100vw;flex-flow:column nowrap;justify-content:center;align-items:center}.advice__title{font-size:3rem;text-align:center}.advice__description{margin-top:1rem;font-size:2rem;text-align:center}.advice__description span:first-child{margin-right:-.7rem}.advice__description span:last-child{margin-left:-.7rem}.city-stuff{display:flex;position:absolute;justify-content:center;width:100%;height:100%;bottom:0;overflow:hidden;box-shadow:inset 0 -60px 0 -30px hsl(225,29%,27%)}.skyscrappers__list{width:100%;height:86.6666666667px;left:0}.skyscrappers__list .skyscrapper__item{position:absolute;height:inherit;bottom:15%;width:43.3333333333px;background:linear-gradient(115deg,hsl(225,29%,27%) 73%,hsl(225,29%,40%) 0,hsl(225,29%,40%))}.skyscrappers__list .skyscrapper__item:after{content:"";position:absolute;width:80%;height:80%;left:10%;bottom:10%;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAFElEQVQImWP4////fwYYIJKDEwAAfPsP8eFXG40AAAAASUVORK5CYII=") space}.skyscrappers__list .skyscrapper__item:last-child:not(:only-child){background:hsl(225,29%,27%)}.skyscrappers__list .skyscrapper-1{width:121.3333333333px;height:138.6666666667px;right:25%;bottom:0;z-index:10;transform:rotate(180deg)}.skyscrappers__list .skyscrapper-2{width:60.6666666667px;height:69.3333333333px;right:35%;bottom:0;z-index:10;transform:rotate(180deg);bottom:10%}@media screen and (max-width:900px){.skyscrappers__list .skyscrapper-2{display:none}}.skyscrappers__list .skyscrapper-3{width:40.4444444444px;height:46.2222222222px;right:45%;bottom:0;z-index:10;transform:rotate(180deg);height:115.5555555556px}@media screen and (max-width:900px){.skyscrappers__list .skyscrapper-3{display:none}}.skyscrappers__list .skyscrapper-4{width:30.3333333333px;height:34.6666666667px;right:55%;bottom:0;z-index:10;transform:rotate(180deg);height:86.6666666667px}.skyscrappers__list .skyscrapper-4:after{width:20%;height:60%;left:25%}.skyscrappers__list .skyscrapper-5{width:24.2666666667px;height:27.7333333333px;right:65%;bottom:0;z-index:10;transform:rotate(180deg);width:7%;right:67%;height:50%;z-index:11}.skyscrappers__list .skyscrapper-5:after{height:0}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.crane-arm,.crane-cabin,.crane-picker{transform-origin:80% center;animation:crane__movement 12s infinite alternate}.crane__list{width:260px;height:173.3333333333px;z-index:0;perspective:600px}.crane__list .crane__item{position:absolute;border:1px solid hsl(225,29%,27%);border-radius:2px}.crane__list .crane-cable{width:1px;height:1px;border:none;outline:1px solid transparent;background:hsl(225,29%,27%);z-index:0}.crane__list .crane-cable-1{width:60%;top:0;left:11%;transform-origin:right 0;animation:cable-1__movement 12s infinite alternate}.crane__list .crane-cable-2{width:19%;top:0;right:8%;transform-origin:top left;animation:cable-2__movement 12s infinite alternate}.crane__list .crane-cable-3{height:30%;top:22%;left:9%;transform-origin:right center;animation:cable-3__movement 12s ease-in-out infinite alternate}.crane__list .crane-cable-3:after{content:"";display:block;position:absolute;height:.2em;width:9000%;bottom:0;left:-4500%;background:hsl(225,29%,49%);border:1px solid hsl(225,29%,27%)}.crane__list .crane-stand{width:5%;height:100%;right:25%;z-index:1;background:linear-gradient(0deg,hsl(225,29%,27%),hsl(225,29%,79%))}.crane__list .crane-weight{width:8%;height:20%;right:4%;top:12%;z-index:2;background:hsl(225,19%,74%);transform-origin:0 center;animation:crane-weight__movement 12s infinite alternate}.crane__list .crane-cabin{width:12%;height:9%;right:24%;top:20%;z-index:2;background:hsl(225,19%,74%)}.crane__list .crane-cabin:after{content:"";display:block;position:absolute;width:100%;height:10%;top:60%;left:0;background:hsl(0,255%,255%)}.crane__list .crane-arm{width:100%;height:7%;top:15%;border-top-left-radius:10px;z-index:3;background:hsl(225,19%,70%)}.crane-1{left:20%;z-index:10}.crane-2{left:30%;z-index:10;bottom:-1rem;z-index:-1;transform:scale(.75) scaleX(-1)}@media screen and (max-width:900px){.crane-2{display:none}}.crane-2 .crane-cable-3{animation-delay:3s}.crane-3{left:40%;z-index:10;bottom:-.5rem;transform:scale(.8)}@media screen and (max-width:900px){.crane-3{z-index:-1;transform:scale(.75) scaleX(-1);display:none}}.crane-3 .crane-cable-3{animation-delay:4.5s}.tree__container{width:100%;height:62.6666666667px;left:0;margin-bottom:4px}.tree__item{display:flex;flex-flow:column nowrap;position:absolute;justify-content:flex-end;align-items:center;left:60%}.tree__trunk{order:2;display:block;position:absolute;width:4px;height:8px;margin-top:8px;border-radius:2px;background:hsl(23,18%,29%)}.tree__leaves{order:1;position:relative;border-color:transparent transparent hsl(225,29%,27%);border-style:solid;border-width:0 4px 32px}.tree__leaves:after{content:"";position:absolute;height:100%;left:-4px;border-top:0;border-right:0;border-bottom:32px solid hsl(225,29%,27%);border-left:4px solid transparent}.tree-1{left:66%}@media screen and (max-width:768px){.tree-1{display:none}}.tree-2{left:67%}@media screen and (max-width:768px){.tree-2{display:none}}.tree-4{left:57%}.tree-5{left:58%}.tree-7{left:51%}@media screen and (max-width:450px){.tree-7{display:none}}.tree-8{left:52%}@media screen and (max-width:450px){.tree-8{display:none}}@keyframes cable-1__movement{0%,20%{transform:rotateY(0) rotate(-10deg)}70%,to{transform:rotateY(45deg) rotate(-10deg)}}@keyframes cable-2__movement{0%,20%{transform:rotateY(0) rotate(29deg)}70%,to{transform:rotateY(15deg) rotate(29deg)}}@keyframes cable-3__movement{0%{transform:translate(0)}20%{transform:translate(2500%,-18%)}60%{transform:translate(11000%,-25%)}70%{height:30%;transform:translate(9100%,-25%)}90%,to{height:80%;transform:translate(9100%,-15%)}}@keyframes crane__movement{0%,20%{transform:rotateY(0)}70%,to{transform:rotateY(45deg)}}@keyframes crane-weight__movement{0%,20%{transform:rotateY(0) translateX(0)}70%,to{transform:rotateY(45deg) translateX(-50%)}}.city-stuff,.crane__list,.skyscrappers__list,.tree__container{pointer-events:none}.error-container{display:flex;gap:100px;margin-top:50px}.error-container img{max-width:50%;max-height:500px}.error-description{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;flex-direction:column;justify-content:center}.error-description h1{font-size:5rem;font-family:Outfit;font-weight:700}.error-description p:first-of-type{font-size:2rem;font-family:Outfit;font-weight:600;line-height:1.3}@media (max-width:992px){.error-container{flex-direction:column;align-items:center;gap:40px}.error-description{margin:0 50px}.error-container img{max-height:300px}}@media (max-width:576px){.error-container img{max-height:250px}.error-container{gap:20px;margin-top:10px}.error-description h1{font-size:2rem}.error-description p:first-of-type{font-size:1.2rem}}