@import "https://fonts.googleapis.com/css?family=Josefin+Sans";
.error-container{gap:100px;margin-top:50px;display:flex}.error-container img{max-height:500px}.error-description{flex-direction:column;justify-content:center;width:fit-content;display:flex}.error-description h1{font-family:Outfit;font-size:5rem;font-weight:700}.error-description p:first-of-type{font-family:Outfit;font-size:2rem;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}}
.access-page{flex-direction:column;justify-content:center;align-items:center;display:flex}.access-page h1{color:#313b5a;margin-bottom:20px}.access-page input{border-radius:4px;padding:10px}.img-cont{justify-content:center;align-items:center;width:100%;margin-top:250px;display:flex}.img-logo{width:20%;margin:auto}.m-top{margin-top:10px}.p-cont{color:#252b41;background-color:#e5e5e5;border-radius:5px;flex-direction:column;max-width:800px;margin:30px auto auto;padding:40px;display:flex}.h1-access{text-align:center;text-transform:uppercase;letter-spacing:5px;color:#fff;margin-top:2em;font-family:Outfit;font-size:1em}.main-access{background:linear-gradient(#ffffffbf,#1b1d1d);height:100vh;position:relative}.body-access{color:#ffffffbf;background-color:#252627;font-family:Josefin Sans,Roboto,sans-serif;font-size:12px;overflow:hidden}.crane__list,.skyscrappers__list,.tree__container{width:100%;position:absolute;bottom:0}.advice{flex-flow:column;justify-content:center;align-items:center;width:100vw;height:50vh;display:flex}.advice__title{text-align:center;font-size:3rem}.advice__description{text-align:center;margin-top:1rem;font-size:2rem}.advice__description span:first-child{margin-right:-.7rem}.advice__description span:last-child{margin-left:-.7rem}.city-stuff{justify-content:center;width:100%;height:100%;display:flex;position:absolute;bottom:0;overflow:hidden;box-shadow:inset 0 -60px 0 -30px #313b59}.skyscrappers__list{width:100%;height:86.6667px;left:0}.skyscrappers__list .skyscrapper__item{height:inherit;background:linear-gradient(115deg,#313b59 73%,#485784 73% 100%);width:43.3333px;position:absolute;bottom:15%}.skyscrappers__list .skyscrapper__item:after{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAFElEQVQImWP4////fwYYIJKDEwAAfPsP8eFXG40AAAAASUVORK5CYII=) space;width:80%;height:80%;position:absolute;bottom:10%;left:10%}.skyscrappers__list .skyscrapper__item:last-child:not(:only-child){background:#313b59}.skyscrappers__list .skyscrapper-1{z-index:10;width:121.333px;height:138.667px;bottom:0;right:25%;transform:rotate(180deg)}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.skyscrappers__list .skyscrapper-2{z-index:10;width:60.6667px;height:69.3333px;bottom:10%;right:35%;transform:rotate(180deg)}@media screen and (max-width:900px){.skyscrappers__list .skyscrapper-2{display:none}}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.skyscrappers__list .skyscrapper-3{z-index:10;width:40.4444px;height:115.556px;bottom:0;right:45%;transform:rotate(180deg)}@media screen and (max-width:900px){.skyscrappers__list .skyscrapper-3{display:none}}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.skyscrappers__list .skyscrapper-4{z-index:10;width:30.3333px;height:86.6667px;bottom:0;right:55%;transform:rotate(180deg)}.skyscrappers__list .skyscrapper-4:after{width:20%;height:60%;left:25%}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.skyscrappers__list .skyscrapper-5{z-index:10;z-index:11;width:7%;height:50%;bottom:0;right:67%;transform:rotate(180deg)}.skyscrappers__list .skyscrapper-5:after{height:0}@media screen and (max-width:450px){.skyscrappers__list .skyscrapper-1{display:none}}.crane-cabin,.crane-arm,.crane-picker{transform-origin:80%;animation:12s infinite alternate crane__movement}.crane__list{z-index:0;perspective:600px;width:260px;height:173.333px}.crane__list .crane__item{border:1px solid #313b59;border-radius:2px;position:absolute}.crane__list .crane-cable{z-index:0;background:#313b59;border:none;outline:1px solid #0000;width:1px;height:1px}.crane__list .crane-cable-1{transform-origin:right 0;width:60%;animation:12s infinite alternate cable-1__movement;top:0;left:11%}.crane__list .crane-cable-2{transform-origin:0 0;width:19%;animation:12s infinite alternate cable-2__movement;top:0;right:8%}.crane__list .crane-cable-3{transform-origin:100%;height:30%;animation:12s ease-in-out infinite alternate cable-3__movement;top:22%;left:9%}.crane__list .crane-cable-3:after{content:"";background:#596ba1;border:1px solid #313b59;width:9000%;height:.2em;display:block;position:absolute;bottom:0;left:-4500%}.crane__list .crane-stand{z-index:1;background:linear-gradient(#bac2d9,#313b59);width:5%;height:100%;right:25%}.crane__list .crane-weight{z-index:2;transform-origin:0;background:#b0b6c9;width:8%;height:20%;animation:12s infinite alternate crane-weight__movement;top:12%;right:4%}.crane__list .crane-cabin{z-index:2;background:#b0b6c9;width:12%;height:9%;top:20%;right:24%}.crane__list .crane-cabin:after{content:"";background:#fff;width:100%;height:10%;display:block;position:absolute;top:60%;left:0}.crane__list .crane-arm{z-index:3;background:#a4abc1;border-top-left-radius:10px;width:100%;height:7%;top:15%}.crane-1{z-index:10;left:20%}.crane-2{z-index:10;z-index:-1;bottom:-1rem;left:30%;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{z-index:10;bottom:-.5rem;left:40%;transform:scale(.8)}@media screen and (max-width:900px){.crane-3{z-index:-1;display:none;transform:scale(.75)scaleX(-1)}}.crane-3 .crane-cable-3{animation-delay:4.5s}.tree__container{width:100%;height:62.6667px;margin-bottom:4px;left:0}.tree__item{flex-flow:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;left:60%}.tree__trunk{background:#57473d;border-radius:2px;order:2;width:4px;height:8px;margin-top:8px;display:block;position:absolute}.tree__leaves{border:4px solid #0000;border-top-width:0;border-bottom:32px solid #313b59;order:1;position:relative}.tree__leaves:after{content:"";border-top:0;border-bottom:32px solid #313b59;border-left:4px solid #0000;border-right:0;height:100%;position:absolute;left:-4px}.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)translate(0)}70%,to{transform:rotateY(45deg)translate(-50%)}}.city-stuff,.skyscrappers__list,.tree__container,.crane__list{pointer-events:none}