body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}img{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-contrast;-ms-interpolation-mode:nearest-neighbor}.project-door-box{position:relative;overflow:hidden;margin:0 -.04% 0 0;width:20vw;min-width:282px;min-height:594px;transition:all 1s}.project-door-box .wrapper:first-child{position:absolute;top:0;left:0;bottom:0;right:0;overflow:visible;height:594px;width:282px;z-index:4}.project-door-box .wrapper{position:relative;top:3px;left:3px;overflow:hidden;height:588px;width:276px;margin:0 auto}.frame{position:absolute;top:0;left:0;z-index:4;backface-visibility:hidden}.game_logo{position:absolute;top:0;left:1px;z-index:0;height:588px;width:274px;object-fit:cover;object-position:0 0;backface-visibility:hidden}.door_reflection{position:absolute;top:0;left:0;z-index:3;height:100%;backface-visibility:hidden}.door_top,.door_bottom{position:absolute;top:0;left:0;margin:0;padding:0;z-index:2;transition:all 2.2s ease-in;backface-visibility:hidden}.project-door-box.open .door_top{top:-280px;transition:all .6s ease-out}.project-door-box.open .door_bottom{top:280px;transition:all .6s ease-out}.project-door-box div .cog{position:absolute;z-index:1;transform:rotate(0);transition:all 2.2s ease-in}.project-door-box.open div .cog{transform:rotate(180deg);transition:all .6s ease-out}.project-door-box.open div .cog.c1,.project-door-box.open div .cog.c3,.project-door-box.open div .cog.c5,.project-door-box.open div .cog.c7{transform:rotate(-180deg);transition:all .6s ease-out}.cogs-left{overflow:hidden;position:absolute;top:-24px;left:10px;width:98%;height:100%;backface-visibility:hidden}.cogs-right{overflow:hidden;position:absolute;top:-112px;left:12px;width:98%;height:100%;backface-visibility:hidden}.cog.c1{position:absolute;top:146px;left:0}.cog.c2{position:absolute;top:200px;left:-12px}.cog.c3{position:absolute;top:266px;left:-12px}.cog.c4{position:absolute;top:320px;left:0}.cog.c5{position:absolute;top:386px;left:-12px}.cog.c6{position:absolute;top:440px;left:0}.cog.c7{position:absolute;top:512px;left:0}.cog.c8{position:absolute;top:572px;left:-12px}.cogs-right .cog.c1{left:initial;right:0}.cogs-right .cog.c2,.cogs-right .cog.c3{left:initial;right:12px}.cogs-right .cog.c4{left:initial;right:0}.cogs-right .cog.c5{left:initial;right:12px}.cogs-right .cog.c6,.cogs-right .cog.c7{left:initial;right:0}.cogs-right .cog.c8{left:initial;right:12px}@media (max-height: 900px){.project-door-box{transform:scale(.9) translateY(0)}}@media (max-height: 760px){.project-door-box{transform:scale(.8) translateY(-2vh)}}@media (max-height: 720px){.project-door-box{transform:scale(.8) translateY(-6vh)}}@media (max-height: 660px){.project-door-box{transform:scale(.7) translateY(-14vh)}}@media (max-height: 580px){.project-door-box{transform:scale(.7) translateY(-20vh)}}@media (max-height: 540px){.project-door-box{transform:scale(.6) translateY(-30vh)}}@media (max-height: 500px){.project-door-box{transform:scale(.5) translateY(-50vh)}}@media (max-height: 440px){.project-door-box{transform:scale(.4) translateY(-100vh)}}@media (max-width: 1560px){.project-door-box{margin-right:-.03%}}@media (max-width: 1450px){.project-door-box{transform:scale(.9) translateY(-4vh)}}@media (max-width: 1400px){.project-door-box{margin-right:-.05%}}@media (max-width: 1380px){.project-door-box{transform:scale(.8) translateY(-8vh)}}@media (max-width: 1360px){.project-door-box{margin-right:-.1%}}@media (max-width: 1340px){.project-door-box{transform:scale(.7) translateY(-14vh);margin-right:-.2%}}@media (max-width: 1300px){.project-door-box{margin-right:-.2%}}@media (max-width: 1280px){.project-door-box{margin-right:-.3%}}@media (max-width: 1240px){.project-door-box{margin-right:-.4%}}@media (max-width: 1210px){.project-door-box{margin-right:-.48%}}@media (max-width: 1170px){.project-door-box{margin-right:-.56%}}@media (max-width: 1150px){.project-door-box{transform:scale(.6) translateY(-22vh);margin-right:-.66%}}@media (max-width: 1100px){.project-door-box{margin-right:-.76%}}@media (max-width: 1070px){.project-door-box{margin-right:-.84%}}@media (max-width: 1040px){.project-door-box{transform:scale(.5) translateY(-38vh);margin-right:-1%}}@media (max-width: 990px){.project-door-box{margin-right:-1.1%}}@media (max-width: 960px){.project-door-box{transform:scale(.4) translateY(-62vh);margin-right:-1.42%}}@media (max-width: 850px){.project-door-box{transform:scale(.4) translateY(-62vh);margin-right:-1.7%}}@media (max-width: 800px){.project-door-box{transform:scale(.3) translateY(-100vh);margin-right:-1.96%}}@media (max-width:1450px) and (max-height:500px){.project-door-box{transform:scale(.3) translateY(-140vh)}}.spark-particles{display:none;position:absolute;width:100%;height:100%}.projects-selector{position:absolute;top:4vh;left:50vw;width:200px;min-height:32px;margin-left:-100px;display:flex;flex-direction:row;align-content:center}.projects-selector div{position:relative;flex:1}.projects-selector div input[type=radio]{position:absolute;top:-5px;left:0;margin:0 auto;display:flex;height:100%;width:100%;opacity:0;cursor:pointer;z-index:2}.projects-selector div .selector_circle{transition:all .2s ease-in-out;position:relative;top:0;left:0;margin:0 auto;display:flex;height:20px;width:20px;background-color:#fff;border-radius:50%;z-index:1}.projects-selector div:hover .selector_circle{top:-5px;height:30px;width:30px}.projects-selector div input[type=radio]:checked~.selector_circle{top:-5px;height:30px;width:30px;background-color:#fff}.projects-selector div input[type=radio]~.selector_circle:after{transition:all .2s ease-in-out;content:" ";position:relative;top:10px;left:0;margin:0 auto;height:2px;width:2px;background-color:#f84;border-radius:50%;opacity:0;z-index:0}.projects-selector div input[type=radio]:checked~.selector_circle:after{content:" ";position:relative;top:4px;left:0;height:22px;width:22px;margin:0 auto;opacity:1}.projects-carrousel{transition:all 3s ease-out;position:relative;top:10vh;left:0;display:flex;margin:0;height:78vh;width:900vw}#carrousel-left-area{background-color:#000;position:fixed;top:0;left:0;height:8vh;width:10vw;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(64px + 2vmin);font-weight:900;color:#fff}#carrousel-right-area{background-color:#000;position:fixed;top:0;right:0;height:8vh;width:10vw;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(64px + 2vmin);font-weight:900;color:#fff}#carrousel-left-area:hover,#carrousel-right-area:hover{background-color:#000;color:#f84}#txt_content{position:absolute;visibility:hidden}@media only screen and (-moz-min-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2){#carrousel-left-area,#carrousel-right-area{top:1.6vh;font-size:calc(32px + 2vmin)}}html{background-color:#000;overflow-x:hidden}iframe{border:none;width:100vw;height:100vh}.App{text-align:center;background-color:#000;height:100vh;width:100vw;overflow:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{position:fixed;top:0;background-color:#000;height:24vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-body{position:relative;top:0vh;height:88vh;width:100vw}.App-body>div{height:100%}.App-footer{position:fixed;bottom:0;background-color:#000;height:12vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(2px + 2vmin);color:#fff}.App-footer .small-note{font-size:calc((2px + 2vmin)/2)}.App-link{color:#f84}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}hr{margin-top:64px;margin-bottom:32px;width:80%}.sticky{position:sticky;top:0}.full-screen-height{height:100vh}.full-block-height{height:100%}.full-screen-width{width:100vw}.flan-center{align-content:center;margin:0 auto;text-align:center}.flan-row{display:flex;flex-flow:row}.flan-col{display:flex;flex-flow:column}.flan-col-offset-1{margin-left:8.33333333%}.flan-col-offset-2{margin-left:16.66666667%}.flan-col-offset-3{margin-left:25%}.flan-col-offset-4{margin-left:33.33333333%}.flan-col-offset-5{margin-left:41.66666667%}.flan-col-offset-6{margin-left:50%}.flan-col-offset-7{margin-left:58.33333333%}.flan-col-offset-8{margin-left:66.66666667%}.flan-col-offset-9{margin-left:75%}.flan-col-offset-10{margin-left:83.33333333%}.flan-col-offset-11{margin-left:91.66666667%}.flan-col-offset-12{margin-left:100%}.flan-col-1{width:8.33333333%}.flan-col-2{width:16.66666667%}.flan-col-3{width:25%}.flan-col-4{width:33.33333333%}.flan-col-5{width:41.66666667%}.flan-col-6{width:50%}.flan-col-7{width:58.33333333%}.flan-col-8{width:66.66666667%}.flan-col-9{width:75%}.flan-col-10{width:83.33333333%}.flan-col-11{width:91.66666667%}.flan-col-12{width:100%}.no-select{-webkit-user-select:none;user-select:none}