@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Righteous&display=swap);:root{--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-naples-yellow:#ffe66d;--clr-light-blue:#b0d0d3;--clr-light-blue-2:#518a90;--clr-puce:#944c63;--clr-melon:#f7af9d;--clr-banana-mania:#f7e3af;--clr-pale-spring-bud:#f3eec3;--clr-pale-spring-bud-2:#f2ecbb;--clr-black:#0d1821;--clr-white:#fff;--spacing:0.1rem;--radius:0.25rem;--max-width:1170px;--width:100vw;--height:100vh;--transition:all 0.3s linear;--light-shadow:0 5px 15px #0000001a;--dark-shadow:0 5px 15px #0003}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#124559;color:#0d1821;color:var(--clr-black);font-family:Righteous,cursive;font-size:.875rem;line-height:1.5;overflow:hidden;perspective:1200px}#root,body{height:100vh;height:var(--height)}h1,h2,h3,h4,h5{letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:.875rem}ul{list-style-type:none}a{text-decoration:none}p{font-family:Montserrat,sans-serif}@media screen and (min-width:850px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}body,h5{font-size:1rem}h1,h2,h3,h4{line-height:1}}.section{height:100vh;margin:0 auto;padding:4rem 0;width:90vw}@media screen and (min-width:800px){.section{width:90vw}}@keyframes start{to{transform:translate(0)}}.cuboid{font-size:3rem;height:100vh;height:var(--height);perspective:1000px;position:fixed}.cuboid,.cuboid>div{left:0;top:0;transform-style:preserve-3d;width:100vw;width:var(--width)}.cuboid>div{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #1a1a1a;min-height:100vh;min-height:var(--height);position:absolute}.cuboid>div.visible{display:block}.cuboid>div.hidden{display:none}.rotateCubeTopOut{animation:rotateCubeTopOut .6s ease-in;transform-origin:50% 100%}.rotateCubeTopOut *{animation:fadeOut .6s ease-in}.rotateCubeTopIn{animation:rotateCubeTopIn .6s ease-in;transform-origin:50% 0}.rotateCubeTopIn *{animation:fadeIn .6s ease-in}.rotateCubeBottomOut{animation:rotateCubeBottomOut .6s ease-in;transform-origin:50% 0}.rotateCubeBottomOut *{animation:fadeOut .6s ease-in}.rotateCubeBottomIn{animation:rotateCubeBottomIn .6s ease-in;transform-origin:50% 100%}.rotateCubeBottomIn *{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes rotateCubeTopOut{50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}to{transform:translateY(-100%) translateZ(0) rotateX(90deg)}}@keyframes rotateCubeTopIn{0%{transform:translateY(100%) translateZ(0) rotateX(-90deg)}50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}}@keyframes rotateCubeBottomOut{50%{animation-timing-function:ease-out;transform:translateY(50%) translateZ(-200px) rotateX(-45deg)}to{transform:translateY(100%) translateZ(0) rotateX(-90deg)}}@keyframes rotateCubeBottomIn{0%{transform:translateY(-100%) translateZ(0) rotateX(90deg)}50%{animation-timing-function:ease-out;transform:translateY(-50%) translateZ(-200px) rotateX(45deg)}}
/*# sourceMappingURL=main.c3df79b4.css.map*/