@import "https://fonts.googleapis.com/css2?family=Michroma&family=Orbitron:wght@900&family=Oswald:wght@700&family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";#effect-reveal{position:fixed;top:0;left:0;height:100vh;width:100vw;pointer-events:none;mix-blend-mode:difference;z-index:999;animation:animation-effect-reveal 1s ease-in-out forwards}@keyframes animation-effect-reveal{0%{background-color:#777}100%{background-color:#000;display:none}}#effect-noise{position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;width:200%;height:200vh;background:url(/img/noise-transparent.png)repeat;background-repeat:repeat;animation:animation-effect-noise .5s infinite;z-index:999;pointer-events:none}@keyframes animation-effect-noise{0%{transform:translate(0,0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%,0)}70%{transform:translate(0,10%)}80%{transform:translate(-15%,0)}90%{transform:translate(10%,5%)}100%{transform:translate(5%,0)}}#effect-cube-container{width:220px;height:220px;perspective:880px;perspective-origin:50% 55px;position:absolute;z-index:-110}#effect-cube-container #effect-cube{position:relative;width:100%;height:100%;transform:translate(0,0);transform-style:preserve-3d;animation:animation-effect-cube 15s infinite linear}#effect-cube-container .effect-cube-side{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;transform-origin:center center;border:1px solid rgba(17,17,17,.4);background-color:rgba(221,221,221,.8);box-shadow:rgba(221,221,221,.8)0 0 220px}#effect-cube-container .back{transform:translateZ(-110px)rotateY(180deg)}#effect-cube-container .right{transform-origin:top right;transform:rotateY(-270deg)translateX(110px)}#effect-cube-container .left{transform-origin:center left;transform:rotateY(270deg)translateX(-110px)}#effect-cube-container .top{transform-origin:top center;transform:rotateX(-90deg)translateY(-110px)}#effect-cube-container .bottom{transform-origin:bottom center;transform:rotateX(90deg)translateY(110px)}#effect-cube-container .front{transform:translateZ(110px)}@keyframes animation-effect-cube{0%{transform:rotateY(45deg)rotateX(60deg)}25%{transform:rotateY(135deg)rotateX(150deg)}50%{transform:rotateY(225deg)rotateX(240deg)}75%{transform:rotateY(315deg)rotateX(330deg)}100%{transform:rotateY(405deg)rotateX(420deg)}}@media(max-width:1024px){#effect-cube-container{display:none}}#effect-grid-container{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:-120;opacity:.4}#effect-grid-container #effect-grid{width:100%;height:100vh;overflow:hidden;perspective:75vh}#effect-grid-container #effect-grid #effect-grid-fade{width:100%;height:100%;position:absolute;z-index:1;background:radial-gradient(ellipse at 50% 50%,rgba(17,17,17,0) 0%,#111 80%)}#effect-grid-container #effect-grid #effect-grid-lines{width:100%;height:200%;background-image:linear-gradient(to right,#ddd 1px,transparent 0),linear-gradient(to bottom,#ddd 1px,transparent 0);background-size:45px 30px;background-repeat:repeat;transform-origin:100% 0 0;animation:effect-grid-animation 45s linear infinite}@media(max-width:1268px){#effect-grid-container #effect-grid #effect-grid-lines{background-size:55px 40px}}@media(max-width:520px){#effect-grid-container #effect-grid #effect-grid-lines{background-size:65px 50px}}@keyframes effect-grid-animation{0%{transform:rotateX(45deg)translateY(-50%)}100%{transform:rotateX(45deg)translateY(0)}}#effect-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-130;opacity:.5;background:linear-gradient(270deg,#111);background-size:200% 200%;transition:opacity .5s ease-in-out;animation:animation-effect-gradient 7.5s linear infinite}@keyframes animation-effect-gradient{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}