body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding-top:50px;position:relative;text-align:center;width:100%}.all{transform:rotateY(-60deg) rotateX(-5deg)}.abs2{filter:blur(10px);inset:0;transform:translateZ(-1001px)}.abs,.abs2{background-image:url(/static/media/night-sky.1d99bc142da7c86a1c0f.jpg);background-size:cover;position:absolute}.abs{background-repeat:no-repeat;left:50%;top:50%;transform:translateZ(-1000px) translate(-50%,-50%)}*{transform-style:preserve-3d}.App-logo{height:40vmin;pointer-events:none;transition:2s}.human{align-items:center;display:flex;flex-direction:column;margin:0 auto;transform-style:preserve-3d}.head{animation:rotateHead 3s ease-in-out infinite alternate-reverse;background-color:blue;position:relative;transform:translateZ(5px) rotateX(10deg);transform-origin:100% 100%;width:-webkit-fit-content;width:fit-content;z-index:10}.neck{transform:translateZ(-5px)}.right-hand{transform:translateX(-15px) translateY(-4px) rotate(-5deg);& .arm{left:50%;position:absolute;top:0;transform:translateX(-50%) rotate(70deg) translateZ(-1px);transform-origin:0 0}}.left-hand{transform:translateX(15px) translateY(-4px) rotateY(-5deg);& .arm{left:50%;position:absolute;top:0;transform:translateX(-50%) rotate(-70deg) translateZ(-1px);transform-origin:100% 0}}.chest{left:50%;position:absolute;transform:translateX(-50%)}.body{position:relative;width:100px}.left-hand .hand{position:absolute;top:100%;transform:rotate(40deg) translateY(-5px);transform-origin:0 0}.right-hand .hand{position:absolute;top:100%;transform:rotate(-40deg) translateY(-5px);transform-origin:100% 0}.top-legs{position:relative;transform:rotateX(90deg);transform-origin:0 0}.bottom-legs,.top-legs{display:flex;flex-direction:row;justify-content:space-between;width:60px}.bottom-legs{bottom:0;left:0;position:absolute;transform:rotateX(90deg);transform-origin:100% 100%;transition:1s}@keyframes rotateRight{0%{transform:translateX(-15px) translateY(4px) rotate(-10deg)}50%{transform:translateX(-15px) translateY(4px) rotate(90deg)}to{transform:translateX(-15px) translateY(4px) rotate(-10deg)}}@keyframes rotateHead{0%{transform:translateZ(5px) rotateX(-20deg)}to{transform:translateZ(5px) rotateX(20deg)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color:#b5c0c9}.box{background-color:purple;height:var(--height);transform:rotateY(0) rotateX(0);transform-style:preserve-3d;transition:1s;width:var(--width);& .front-face,.back-face,.bottom-face,.left-face,.right-face,.top-face{inset:0;position:absolute}.front-face{background:linear-gradient(180deg,#ff0,blue)}.face{background-image:url(/static/media/face.ffe196191a1c30554d7f.jpg);background-size:cover}& .right-face{background-color:green;transform:translateX(var(--width)) rotateY(90deg);transform-origin:0 0}& .left-face,& .right-face{height:var(--height);width:var(--stretch)}& .left-face{transform:rotateY(90deg);transform-origin:0 0}& .back-face,& .left-face{background-color:#b5c0c9;background-color:var(--color)}& .back-face{transform:translateZ(calc(var(--stretch)*-1));transform-origin:0 0}& .top-face{background-color:#b5c0c9;background-color:var(--color);height:var(--stretch);transform:rotateX(90deg) translateY(calc(var(--stretch)*-1));transform-origin:0 0;width:var(--width)}.hair{background-color:#000}& .bottom-face{background-color:#b5c0c9;height:var(--stretch);transform:rotateX(-90deg) translateZ(var(--height));transform-origin:0 0;width:var(--width)}}@keyframes rotate{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(0) rotateY(1turn) rotate(0)}}.swing{display:flex;justify-content:center;margin:0 auto;padding-top:50px;width:600px}.horizontal{left:0;position:absolute;top:0;z-index:1}.stand1{transform:rotateY(15deg);transform-origin:0 0}.stand1,.stand2{position:absolute;top:0}.stand2{transform:rotateY(-15deg);transform-origin:0 0}.stands{left:0;transform:rotate(90deg)}.stands,.stands-two{inset:0;position:absolute;top:0;transform-origin:0 0}.stands-two{right:0;z-index:0}.rope{animation:swing 3s ease-in-out infinite alternate-reverse;inset:0}.left,.right,.rope{position:absolute;transform-origin:0 0}.left,.right{top:0;transition:2s}.seat{right:0;width:20px}.human2,.seat{position:absolute}.human2{transform-origin:0 0}@keyframes swing{0%{transform:rotateX(-30deg)}to{transform:rotateX(30deg)}}@media (max-width:450px){.human2{transform:translateX(0)}}
/*# sourceMappingURL=main.df8fd6de.css.map*/