@import "https://fonts.googleapis.com/css?family=Comfortaa:400,700,300|Quattrocento";@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins&display=swap";@import "https://fonts.googleapis.com/css?family=Raleway:400";@font-face{font-family:Noeu-montreal-Regular;src:url(/assets/fonts/Neue-montreal/NeueMontreal-Regular.otf)format("opentype")}@font-face{font-family:Noeu-montreal-Bold;src:url(/assets/fonts/Neue-montreal/NeueMontreal-Bold.otf)format("opentype")}@font-face{font-family:Noeu-montreal-Light;src:url(/assets/fonts/Neue-montreal/NeueMontreal-Light.otf)format("opentype")}@font-face{font-family:Poppins Local;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf)format("truetype")}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#000;z-index:1;margin-top:60px;font-family:Poppins,Poppins Local,Comfortaa,Helvetica,Arial}#bg2Pills{pointer-events:none}#bg3Label2d{pointer-events:none;width:100vh}#redPillInfo{color:#fff;opacity:0;animation-duration:2s}#bluePillInfo{color:#fff;opacity:0;animation-duration:4s}.pillInfo{pointer-events:none;background:#000c;padding:4px;font-family:Noeu-montreal-Regular;font-size:.001em}.pillInfo:after{content:"";border-top:5px solid #000c;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-left:-5px;position:absolute;top:100%;left:50%}#textAfterReduce{white-space:nowrap;margin-top:4em}.black-bar{z-index:1;background:#000;width:50.001vw;position:absolute;top:0;bottom:0}#black-bar-left{left:0}#black-bar-right{right:0}.black-bar{transition:width 1s}.demi-bar{width:10vw!important}.hidden-bar{width:0!important}#hide-bars-button{z-index:2}#bluePillMobile{background-color:#ff14d400;width:30%;height:50%;display:none;position:absolute;top:35%;left:55%}#redPillMobile{background-color:#00ffe500;width:30%;height:55%;display:none;position:absolute;top:35%;left:13%}#overlayLoadingPage{z-index:9999;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#headerLoading{padding-top:3vh;padding-left:3vw;transition:transform 1s,opacity 2s;position:fixed;top:0;left:0}#headerLoading .titleLoading{color:#fff;text-align:left;white-space:nowrap;font-family:sans-serif;font-size:3em}#headerLoading .infoLoading{color:#fff;text-align:left;white-space:nowrap;letter-spacing:2px;text-transform:uppercase;font-family:sans-serif;font-size:1.4em;font-weight:300}#loading-container{border-radius:4px;justify-content:flex-start;align-items:center;width:100%;padding:0;display:flex;position:fixed;bottom:0;left:0}#loading-bar{background-color:#fff;align-items:center;width:auto;min-width:2vh;height:30vh;padding:26px 0;transition:width .5s;display:flex}#loading-text{color:#000;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-family:Roboto;font-size:12em;font-style:normal;font-weight:700;overflow:hidden}@media (height<=1200px){#loading-text{font-size:20em}}@media (height<=800px){#loading-text{font-size:12em}}@media (height<=510px){#loading-text{font-size:8em}}@media (height<=355px){#loading-text{font-size:7em}}@media (height<=300px){#loading-text{font-size:6em}}#portrait-warning{color:#fff;text-align:center;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 1.5em;font-family:Poppins,Poppins Local,Comfortaa,Helvetica,Arial;display:none;position:fixed;top:0;left:0}#portrait-warning img{width:100%;max-width:300px;height:auto}#portrait-warning #portrait-actions{flex-direction:column;align-items:center;gap:1.2em;margin-top:1.5em;display:flex}#portrait-warning #portrait-actions button{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:999px;padding:.8em 2em;font-family:inherit;font-size:1em}#portrait-warning #portrait-actions a{color:#fff;opacity:.75;font-size:.9em}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}#continue-text{opacity:0;margin:1rem, 3vw;color:#fff;cursor:pointer;background:#000;border:solid;border-radius:20px;padding:4vh 8vw;font-family:Roboto,sans-serif;font-size:2.25em;font-weight:300;transition:transform 1s,opacity .5s,background-color .3s,color .3s;animation:1s linear infinite glitch;display:inline;position:relative}#continue-text:hover{color:#000;background:#fff}#skip-intro{opacity:0;color:#fff;cursor:pointer;margin:1rem 3vw;font-family:Roboto,sans-serif;font-weight:300;transition:transform 1s,opacity .5s,background-color .3s,color .3s;animation:1s linear infinite glitch;display:inline;position:absolute;bottom:0;right:0}#skip-intro:hover{text-decoration:underline}@keyframes steam{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}#continue-text:after{filter:blur(50px)}#continue-text.show{opacity:1}#infos .nav{z-index:10000;letter-spacing:.05em;opacity:0;padding:.5em;font-family:Poppins,Poppins Local,Roboto;font-size:1.36em;font-style:normal;font-weight:100;line-height:32px;transition:background-color 1s,opacity 2s ease-in-out;display:none;position:fixed;top:.5em;right:1em;color:#fff!important}#infos .nav a:-webkit-any-link{text-decoration:underline;color:#fff!important}#infos .nav a:visited{letter-spacing:.05em;font-weight:100;line-height:32px;color:#fff!important}#infos .nav a:link,#infos .nav a:visited,#infos .nav a:hover{text-decoration:none}#infos .nav a:active{text-decoration:none;color:#cfc4c4!important}#infos .text{color:#fff;font-family:Poppins,Poppins Local,Roboto;font-size:1.7rem;font-style:normal;font-weight:400;line-height:38px}#infos h1{letter-spacing:.05em;color:#fff;font-family:Poppins,Poppins Local,Roboto;font-size:3rem;font-style:normal;font-weight:300;line-height:56px}#infos h2{font-size:1.8rem;font-weight:700;line-height:38px}#infos #buttoms-bar{display:flex;position:absolute;top:898px;left:57px}#infos button{font-variant:all-small-caps;color:#fff2f2;text-shadow:0 4px 4px #00000040;cursor:pointer;background:#000;border:1px solid #fff2f2;width:180px;height:47px;margin-right:20px;font-family:Poppins,Poppins Local,Roboto;font-size:28px;font-style:normal;font-weight:100;line-height:33px}@media (width<=1280px){#infos .nav{font-size:20px}#infos h2{font-size:18px;line-height:18px}}@media (width<=768px){#infos .nav{font-size:18px}}#infos #scene1{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;width:60em;height:100%;display:none;position:absolute;top:0;left:0}#infos #scene1 h1{padding-bottom:5%}#infos #scene1 p{margin-bottom:20px}#infos #scene1 .containerScene1{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}#infos #scene1 #textScene1{margin:50px 0;padding:50px 0;overflow:auto}#infos #scene1 span{width:90%}#infos #scene1 .text{font-weight:400;line-height:38px}#infos #scene1 .text .intro{margin-bottom:1em}#infos #scene1 .barreTexte{background-color:#fff;width:100%;height:2px;margin-top:70px}@media (width<=1920px){#infos #scene1{width:48em}#infos #scene1 h1{padding-bottom:4%}#infos #scene1 p{margin-bottom:16px}#infos #scene1 #textScene1{margin:40px 0;padding:40px 0}#infos #scene1 .text{font-size:22px;line-height:30.4px}#infos #scene1 .text .intro{margin-bottom:.8em}#infos #scene1 .barreTexte{height:1.6px;margin-top:56px}}@media (width<=1280px){#infos #scene1{width:35em;height:100%;top:0;left:0}#infos #scene1 h1{padding-bottom:5%}#infos #scene1 .text{font-size:10px}#infos #scene1 p{margin-bottom:10px}#infos #scene1 .text{width:95%;font-size:16px;font-weight:200;line-height:18px}#infos #scene1 .barreTexte{width:100%;height:1px;margin-top:35px}}@media (width<=768px){#infos #scene1{width:33em}#infos #scene1 h1{font-size:30px;line-height:15px}#infos #scene1 .text{font-size:13px}}@media (width<=480px){#infos #scene1{width:33em}#infos #scene1 h1{font-size:30px;line-height:15px}#infos #scene1 .text{font-size:13px}}#infos #scene2{background:#000;width:50%;height:100%;padding-left:4em;display:none;position:absolute;top:0;left:0}#infos #scene2 .containerScene2{flex-direction:column;justify-content:center;align-items:center;height:100vh;margin-left:6%;margin-right:6%;display:flex}#infos #scene2 .text{font-size:1.7rem;line-height:unset;margin:50px 0;overflow:auto}#infos #scene2 .othersText{line-height:1.5}#infos #scene2 h1{margin-bottom:50px}#infos #scene2 p{margin-top:5px;margin-bottom:20px}@media (width<=1920px){#infos #scene2{padding-left:3.2em}#infos #scene2 .text{margin:40px 0;font-size:1.36rem}#infos #scene2 h1{margin-bottom:40px}#infos #scene2 p{margin-top:4px;margin-bottom:16px}}@media (width<=1280px){#infos #scene2{height:100%;padding-left:2em}#infos #scene2 .text{font-size:16px}#infos #scene2 h1{margin-bottom:25px}#infos #scene2 p{margin-bottom:10px}}@media (width<=900px){#infos #scene2{padding-left:4em}#infos #scene2 h1{margin-bottom:10px}}@media (width<=768px){#infos #scene2 h1{font-size:35px}#infos #scene2 h2{font-size:18px}#infos #scene2 p{font-size:14px}#infos #scene2{padding-right:15px}}@media (width<=700px){#infos #scene2 h1{font-size:2rem}}#infos #scene3{opacity:0;color:#fff;width:70em;height:100%;display:none;position:absolute;top:0;left:0}#infos #scene3 #blur{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#000000a3 26.97%,#000 100%);width:902px;height:215px;position:fixed;bottom:-1px;left:0}#infos #scene3 .text{width:771px;position:absolute;top:150px;bottom:0;left:140px;overflow:scroll}#infos #scene3 .text::-webkit-scrollbar{display:none}#infos #scene3 h1{letter-spacing:.05em;margin-bottom:70px;font-family:Poppins,Poppins Local,Roboto;font-size:36px;font-style:normal;font-weight:300;line-height:42px}#infos #scene3 h2{margin-bottom:10px;font-size:28px;font-weight:400;line-height:33px}#infos #scene3 h3{letter-spacing:.05em;margin-bottom:7px;font-size:22px;font-weight:400;line-height:26px}#infos #scene3 li{margin-left:35px;font-size:24px;font-style:normal;font-weight:400;line-height:28px}#infos #scene3 p{font-size:24px;font-style:normal;font-weight:400;line-height:28px}#infos #scene3 span{position:relative}#infos #scene3 .stage,#infos #scene3 .academic{cursor:pointer;margin-bottom:90px;margin-left:70px;position:relative}#infos #scene3 #barreAcademic{background-color:#fff;width:10px;height:490px;position:absolute;top:90px;left:25px}#infos #scene3 .content-experience ul{max-height:0;transition:max-height .5s ease-in-out;overflow:hidden}#infos #scene3 .content-experience ul.expanded{max-height:1000px}#infos #scene3 .barreDot{background-color:#fff;width:10px;height:108%;position:absolute;top:-15px;left:25px}#infos #scene3 .dot{background-color:#000;border:6px solid #fff;border-radius:50%;width:31px;height:31px;transition:border-color .3s;position:absolute;left:-54.625px}#infos #scene3 .dotTest{background-color:#000;border:6px solid #fff;border-radius:50%;width:31px;height:31px;transition:border-color .3s;position:absolute;left:15px}#infos #scene3 .space{margin-top:250px}@media (width<=2000px){#infos #scene3{width:43.75em}#infos #scene3 #blur{width:600.75px;height:134.375px}#infos #scene3 .text{width:481.875px;top:93.75px;left:87.5px}#infos #scene3 h1{margin-bottom:43.75px;font-size:22.5px;line-height:26.25px}#infos #scene3 h2{margin-bottom:6.25px;font-size:17.5px;line-height:20.625px}#infos #scene3 h3{margin-bottom:4.375px;font-size:13.75px;line-height:16.25px}#infos #scene3 li{margin-left:21.875px;font-size:15px;line-height:17.5px}#infos #scene3 p{font-size:15px;line-height:17.5px}#infos #scene3 .stage,#infos #scene3 .academic{margin-bottom:56.25px;margin-left:43.75px}#infos #scene3 .barreDot{width:6.25px;left:15.625px}#infos #scene3 .dot,#infos #scene3 .dotTest{border:3.75px solid #fff;width:19.375px;height:19.375px;left:-34.625px}#infos #scene3 .space{margin-top:156.25px}}@media (width<=1280px){#infos #scene3{width:35em}#infos #scene3 #blur{width:470px;height:107.5px}#infos #scene3 .text{width:385.5px;top:75px;left:70px}#infos #scene3 h1{margin-bottom:35px;font-size:18px;line-height:21px}#infos #scene3 h2{margin-bottom:5px;font-size:14px;line-height:16.5px}#infos #scene3 h3{margin-bottom:3.5px;font-size:11px;line-height:13px}#infos #scene3 li{margin-left:17.5px;font-size:12px;line-height:14px}#infos #scene3 p{font-size:12px;line-height:14px}#infos #scene3 .stage,#infos #scene3 .academic{margin-bottom:45px;margin-left:35px}#infos #scene3 .barreDot{width:5px;left:12.5px}#infos #scene3 .dot{border:3px solid #fff;width:15.5px;height:15.5px;left:-27.5px}#infos #scene3 .space{margin-top:125px}}#infos #scene4{color:#fff;width:30em;height:100%;display:none;position:absolute;top:0;left:0}#infos #scene4 .text{background-color:#000;border:4px solid;height:80vh;margin-top:10vh;margin-left:8vw;padding:20px;overflow:auto}#infos #scene4 .info{margin-top:200px;margin-left:100px}#infos #scene4 h1{letter-spacing:unset;font-size:2rem;line-height:unset;margin-bottom:20px}#infos #scene4 p{font-size:16px;font-weight:200;line-height:normal}#infos #scene4 a:link,#infos #scene4 a:visited{color:#17abd3}#infos #scene4 a:hover{color:#1e9ec1}#infos #scene4 a:active{color:#17abd3}@media (width<=1980px){#infos #scene4{width:40%}#infos #scene4 p{font-size:22px}}@media (width<=1280px){#infos #scene4 p{font-size:16px;font-weight:200}}@media (width<=840px){#infos #scene4{width:50%}}@media (width<=768px){#infos #scene4{width:45%}#infos #scene4 h1{margin-bottom:10px;font-size:25px}#infos #scene4 p{font-size:12px}}#infos #scene4 #projectList{margin:1em 0 0;padding:0;line-height:normal;list-style:none}#infos #scene4 #projectList[hidden]{display:none}#infos #scene4 .project-list-item{cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:baseline;gap:1em;margin-left:-.7em;padding:.3em .7em;transition:border-color .2s,background-color .2s,padding-left .2s;display:flex}#infos #scene4 .project-list-item:hover,#infos #scene4 .project-list-item.is-active{background-color:#ffffff0f;border-left-color:#17abd3;padding-left:1em}#infos #scene4 .project-list-title{font-size:16px;font-weight:300}#infos #scene4 .project-list-year{color:#8f9199;white-space:nowrap;font-size:12px}#infos #scene4 #projectBack{letter-spacing:.04em;color:#17abd3;cursor:pointer;background:0 0;border:1px solid #17abd380;border-radius:999px;margin-top:1.8em;padding:.5em 1.2em;font-family:inherit;font-size:15px;transition:background-color .2s,color .2s}#infos #scene4 #projectBack:before{content:"← "}#infos #scene4 #projectBack:hover{color:#000;background-color:#17abd3}#infos #scene4 #projectBack[hidden]{display:none}#infos #projectScrollIndicator{color:#8f9199;letter-spacing:.05em;pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:.7em;font-size:12px;display:flex;position:fixed;bottom:5vh;left:62%;transform:translate(-50%)}#infos #projectScrollIndicator[hidden]{display:none}#infos #projectScrollIndicator #projectScrollTrack{background-color:#ffffff2e;width:160px;height:2px}#infos #projectScrollIndicator #projectScrollProgress{background-color:#17abd3;width:0;height:100%;transition:width .15s linear}#infos #scene5{width:50vw;letter-spacing:unset;font-size:2rem;line-height:unset;color:#fff;height:100%;display:none}#infos #scene5 #contactText{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;width:40%;margin:7%;position:fixed;bottom:0;left:0}#infos #scene5 h1{letter-spacing:unset;font-size:2rem;line-height:unset;margin-bottom:20px}#infos #scene5 p{font-size:16px;font-weight:200;line-height:normal}#infos #scene5 #linkContact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e;margin:7%;position:fixed;bottom:0;right:0}#infos #scene5 a:link,#infos #scene5 a:visited{color:#17abd3}#infos #scene5 a:hover{color:#1e9ec1}#infos #scene5 a:active{color:#17abd3}@media (width<=768px){#infos #scene5 p{font-size:14px}}.arrow-down-button{position:fixed;top:45%;left:50%;transform:rotate(90deg)scale(1.4)}#animConsole{z-index:4;color:#1beb1e;z-index:4;background:0 0;width:100%;height:100%;font-family:monospace,Arial,sans-serif;display:none;position:absolute;top:0;left:0}#buttontemp{display:none;top:0;left:0}#menu{z-index:40;position:absolute;top:0;left:0}.lil-gui{top:60px!important}#selectedProject{margin-top:40px}#consoleText{filter:blur(.038em);width:fit-content;margin-top:15vh;margin-left:10vw;font-size:1.5em}@media (width<=3000px){#consoleText{font-size:3.5em}}@media (width<=1920px){#consoleText{font-size:1.9em}}@media (width<=700px){#consoleText{font-size:1.2em}}@media (height<=450px){#consoleText{font-size:1.2em}}.elemConsole{margin-left:3.5em}#but_cont{justify-content:right;display:flex}.loading{width:fit-content;font-weight:900}#layer{z-index:2;color:#fff;background-color:#fff;border-right:5px solid #fff;width:100%;height:100%;font-family:Poppins,Poppins Local,Comfortaa,Helvetica,Arial;animation-name:loadingToSlide;animation-duration:3s;animation-play-state:paused;animation-fill-mode:forwards;display:flex;position:absolute;top:0;left:0}.animHide{animation-name:hide;animation-duration:3s;animation-play-state:paused;animation-fill-mode:forwards}@keyframes hide{0%{width:30%}to{width:0%}}@keyframes loadingToSlide{0%{background-color:#e9e7e7;width:100%}to{background-color:#d7d6e438;width:35%}}#textAfterReduce{opacity:0;margin-left:2em}canvas{position:fixed;top:0;left:0}#animate__slideInLeft{animation-name:slideInLeft;animation-duration:2s;animation-play-state:paused;animation-fill-mode:forwards}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}#projectPanel::-webkit-scrollbar-track{background-color:#f5f5f5;-webkit-box-shadow:inset 0 0 6px #0000004d}#projectPanel::-webkit-scrollbar{background-color:#f5f5f5;width:6px}#projectPanel::-webkit-scrollbar-thumb{background-color:#504e4e}#intro{width:100%}.bubbly-button{appearance:none;color:#fff;cursor:pointer;background-color:#ff0081;border:none;border-radius:4px;margin-top:100px;margin-bottom:60px;margin-right:4em;padding:1em 2em;font-family:Poppins,Poppins Local,Helvetica,Arial,sans-serif;font-size:1em;transition:transform .1s ease-in,box-shadow .25s ease-in;display:inline-block;position:relative;box-shadow:0 2px 25px #ff008280}.bubbly-button:focus{outline:0}.bubbly-button:before,.bubbly-button:after{content:"";z-index:3;background-repeat:no-repeat;width:140%;height:100%;transition:all .5s ease-in-out;display:block;position:absolute;left:-20%}.bubbly-button:before{background-image:radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#0000 20%,#ff0081 20%,#0000 30%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#0000 10%,#ff0081 15%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;display:none;top:-75%}.bubbly-button:after{background-image:radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#0000 10%,#ff0081 15%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%),radial-gradient(circle,#ff0081 20%,#0000 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;display:none;bottom:-75%}.bubbly-button:active{background-color:#e60074;transform:scale(.9);box-shadow:0 2px 25px #ff008233}.bubbly-button.animate:before{animation:.75s ease-in-out forwards topBubbles;display:block}.bubbly-button.animate:after{animation:.75s ease-in-out forwards bottomBubbles;display:block}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22%,50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.typing-demo{white-space:nowrap;border-right:3px solid;width:24ch;font-family:monospace;font-size:1.7em;animation-name:typing,blink;animation-duration:1s,.5s;animation-timing-function:steps(22,end),step-end;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-play-state:paused;animation-delay:0s,0s;animation-fill-mode:none,none;animation-timeline:auto,auto;overflow:hidden}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.block-effect{font-size:calc(8px + 6vw)}.block-reveal{--t:calc(var(--td) + var(--d));color:#0000;animation:revealBlock 0s var(--t) forwards;padding:4px;position:relative;overflow:hidden}.block-reveal:after{content:"";background:var(--bc);width:0%;height:100%;animation:revealingIn var(--td) var(--d) forwards, revealingOut var(--td) var(--t) forwards;padding-bottom:4px;position:absolute;top:0;left:0}@keyframes revealBlock{to{color:#fff}}@keyframes revealingIn{0%{width:0}to{width:100%}}@keyframes revealingOut{0%{transform:translate(0)}99%{opacity:1;transform:translate(99%)}to{opacity:0;transform:translate(100%)}}#loadingPage{margin-left:2em;animation-name:outscreenLeft;animation-duration:4s;animation-play-state:paused;animation-fill-mode:forwards}#animLoading{justify-content:end;margin-right:12em;display:flex}@keyframes outscreenLeft{0%{opacity:1;transform:translate(0)}to{transform:translate(-200%)}}html,body{background-size:50%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background:#030303;justify-content:center;align-items:center;display:flex}svg{display:none}.boxes{--size:62px;--duration:.8s;height:calc(var(--size) * 2);width:calc(var(--size) * 3);transform-style:preserve-3d;transform-origin:50%;margin-top:calc(var(--size) * 1.5 * -1);position:relative;transform:rotateX(60deg)rotate(45deg)rotateY(0)translateZ(0)}.boxes .box{width:var(--size);height:var(--size);transform-style:preserve-3d;position:absolute;top:0;left:0}.boxes .box:first-child{animation:box1 var(--duration) linear infinite;transform:translate(100%)}.boxes .box:nth-child(2){animation:box2 var(--duration) linear infinite;transform:translateY(100%)}.boxes .box:nth-child(3){animation:box3 var(--duration) linear infinite;transform:translate(100%,100%)}.boxes .box:nth-child(4){animation:box4 var(--duration) linear infinite;transform:translate(200%)}.boxes .box>div{--background:#010817;--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size) / 2);--rotateY:0deg;--rotateX:0deg;background:var(--background);width:100%;height:100%;top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));position:absolute}.boxes .box>div:first-child{--top:0;--left:0}.boxes .box>div:nth-child(2){--background:black;--right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){--background:black;--rotateX:-90deg}.boxes .box>div:nth-child(4){--background:#1c1a35;--top:0;--left:0;--translateZ:calc(var(--size) * 3 * -1)}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}html{-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}#AnimCubes{color:#adafb6;justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,Poppins Local,Roboto,Arial;display:flex}#AnimCubes .dribbble{display:block;position:fixed;bottom:20px;right:20px}#AnimCubes .dribbble img{height:28px;display:block}#portFolio{z-index:3;width:100%;height:100%;padding:2em 4em;display:none;position:absolute;top:0;left:0}#AboutMe{opacity:0;display:none;position:fixed}#AboutMe .text h1:after{content:"";background:#fff;width:38%;height:4px;margin:2px auto;position:absolute;top:100%;left:0;right:0}.elements{color:#fff;text-align:justify;background:#00000030;border:1px solid #00040440;width:100%;height:100%;padding-top:2em;padding-bottom:2em;padding-left:.4em;font-family:Montserrat,sans-serif;font-size:25px;box-shadow:0 0 12px #0122222e}#navButtons{margin-top:1em;display:flex}#navButtons .fill:hover,#navButtons .fill:focus{box-shadow:inset 0 0 0 2em var(--hover)}#navButtons .pulse:hover,#navButtons .pulse:focus{animation:1s pulse;box-shadow:0 0 0 2em #0000}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--hover)}}#navButtons .close:hover,#navButtons .close:focus{box-shadow:inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover)}#navButtons .raise:hover,#navButtons .raise:focus{box-shadow:0 .5em .5em -.4em var(--hover);transform:translateY(-.25em)}#navButtons .up:hover,#navButtons .up:focus{box-shadow:inset 0 -3.25em 0 0 var(--hover)}#navButtons .slide:hover,#navButtons .slide:focus{box-shadow:inset 6.5em 0 0 0 var(--hover)}#navButtons .offset{box-shadow:.3em .3em 0 0 var(--color), inset .3em .3em 0 0 var(--color)}#navButtons .offset:hover,#navButtons .offset:focus{box-shadow:0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover)}#navButtons .fill{--color:#a972cb;--hover:#cb72aa}#navButtons .pulse{--color:#ef6eae;--hover:#ef8f6e}#navButtons .close{--color:#ff7f82;--hover:#ffdc7f}#navButtons .raise{--color:#ffa260;--hover:#e5ff60}#navButtons .up{--color:#e4cb58;--hover:#94e458}#navButtons .slide{--color:#8fc866;--hover:#66c887}#navButtons .offset{--color:#19bc8b;--hover:#1973bc}#navButtons button{color:var(--color);transition:all .25s}#navButtons button:hover,#navButtons button:focus{border-color:var(--hover);color:#fff}#navButtons body{color:#fff;text-align:center;background:#17181c;place-content:center;align-items:center;min-height:100vh;font:300 1em Fira Sans,sans-serif;display:flex}#navButtons button{font:inherit;background:#060606;border:2px solid;margin:.5em;padding:.4em .2em;line-height:1}#navButtons h1{font-weight:100}#navButtons code{color:#e4cb58;font:inherit}.buttonScene{z-index:2;transition:opacity 2s ease-in-out;position:absolute;top:0}.buttonScene #cta{top:-2px}#nextButton{opacity:0;left:97%}#beforeButton{opacity:0;left:3%;transform:scaleX(-1)}.center-con{justify-content:center;align-items:center;height:100vh;display:flex}.round{cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:100%;width:40px;height:40px;position:absolute}#cta{cursor:pointer;width:100%;position:absolute}#cta .arrow{left:30%}.arrow{background-size:contain;width:12px;height:12px;margin-left:0;position:absolute;top:15px;bottom:0}.segunda{margin-left:8px}.next{background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==)}@media (width<=752px){.round{border:1.5px solid #fff;width:30px;height:30px}#cta{top:-1px;left:2px}#cta .arrow{left:22.5%}.arrow{width:9px;height:9px;top:11.25px}.segunda{margin-left:6px}}@keyframes bounceAlpha{0%{opacity:1;transform:translate(0)scale(1)}25%{opacity:0;transform:translate(10px)scale(.9)}26%{opacity:0;transform:translate(-10px)scale(.9)}55%{opacity:1;transform:translate(0)scale(1)}}.bounceAlpha{animation-name:bounceAlpha;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite}.arrow.primera.bounceAlpha{animation-name:bounceAlpha;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:.2s}.round:hover .arrow{animation-name:bounceAlpha;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite}.round:hover .arrow.primera{animation-name:bounceAlpha;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:.2s}#slideContainer{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.swiper{width:90%;height:90%;display:none}.swiper-slide{text-align:center;background:#fff;justify-content:center;align-items:center;font-size:18px;display:flex}.swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}.lang-toggle{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;letter-spacing:1px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;width:48px;height:48px;font-family:Noeu-montreal-Regular,sans-serif;font-size:14px;font-weight:600;transition:all .3s;position:fixed;top:20px;left:20px}.lang-toggle:hover{background:#ffffff26;border-color:#fff9;transform:scale(1.05)}.lang-toggle:active{transform:scale(.95)}@media (width<=768px){.lang-toggle{width:42px;height:42px;font-size:12px;top:15px;left:15px}}.lang-toggle.switching span{animation:.3s fadeSwitch}@keyframes fadeSwitch{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}