:root{--mainColor:#7bce3f;--mainColorRgb:123,206,63;--mainBackgroundColor:#101010;--mainBackgroundColorRgb:16,16,16;--secondBackgroundColor:#1e1e1e;--footerBackgroundColor:#141615;--mainTextColor:#d4d3d3;--secondTextColor:#101010;--thirdTextColor:#dbdbdb;--fourthTextColor:#6e6e6e;--buttonHoverColor:#6cb33a;--inputColor:#dbdbdb;--errorColor:#c52724;--errorColorRgb:197,39,36;--successColor:#428611;--scroolBarThumb:#6b6b6b;--scroolBarHover:#555;--scroolBarBorder:#fff;--githubcolor:#3d2c8d;--linkedincolor:#0077b5;--portfoliocolor:#7bce3f;--skyboundcolor:#145da0;--fireColor:#d86523;--windColor:#ff8c42;--humidityColor:#1f6feb;--frontendColor:#61dafb;--backendColor:#68a063;--deploymentColor:#f5a62f;--designColor:#e27231;--toolsColor:#f1502f;--aiColor:#a259ff}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{margin:0}::-webkit-scrollbar-thumb{background-color:var(--mainColor);border:3px solid var(--mainBackgroundColor);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--buttonHoverColor)}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}html,body{background-color:var(--mainBackgroundColor);color:var(--mainTextColor);scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100%;position:relative;overflow:hidden auto}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(90deg,var(--mainColor)2px,transparent 0),linear-gradient(180deg,var(--mainColor)2px,transparent 0);opacity:.2;filter:blur(1px);width:100%;height:100dvh;-webkit-mask-image:linear-gradient(to bottom,var(--mainBackgroundColor)0%,transparent 80%);mask-image:linear-gradient(to bottom,var(--mainBackgroundColor)0%,transparent 80%);background-size:80px 80px;position:absolute;top:35px;left:-2px}body:after{content:"";background-color:var(--mainColor);opacity:.8;pointer-events:none;transform-origin:0 0;z-index:0;filter:blur(200px);width:1000px;height:100px;position:absolute;top:150px;left:1200px;transform:rotate(140deg)}main{color:var(--mainTextColor);width:100%;max-width:1440px;margin:0 auto}.section{scroll-snap-align:start;flex-direction:column;height:100dvh;display:flex}#home{z-index:1;flex-direction:column;justify-content:center;gap:20px;display:flex;position:relative}@media (min-width:769px){#home{gap:30px}}@media (min-width:1025px){#home{gap:70px}}@media (min-width:1440px){#home{gap:70px}}#home{padding:110px 30px 30px}@media (min-width:769px){#home{padding:150px 100px 100px}}@media (min-width:1025px){#home{padding:150px}}@media (min-width:1440px){#home{padding:150px}}#home .introduction{flex-direction:column;gap:20px;display:flex}@media (min-width:769px){#home .introduction{gap:30px}}@media (min-width:1025px){#home .introduction{gap:70px}}@media (min-width:1440px){#home .introduction{gap:70px}}#home .introduction h1{font-size:clamp(18px,2vw + 4vh,64px)}#home .introduction h1 span{color:var(--mainColor)}#home .introduction p{color:var(--thirdTextColor);font-size:clamp(12px,1vw + 2vh,32px)}#home .link{flex-direction:column;gap:20px;display:flex}@media (min-width:769px){#home .link{gap:30px}}@media (min-width:1025px){#home .link{gap:70px}}@media (min-width:1440px){#home .link{gap:70px}}#home .link .shortcuts{padding:0 24px;display:flex}@media (min-width:769px){#home .link .shortcuts{padding:0 38px}}@media (min-width:1025px){#home .link .shortcuts{padding:0 38px}}@media (min-width:1440px){#home .link .shortcuts{padding:0 38px}}#home .link .shortcuts{flex-direction:column}@media (min-width:769px){#home .link .shortcuts{flex-direction:column}}@media (min-width:1025px){#home .link .shortcuts{flex-direction:row}}@media (min-width:1440px){#home .link .shortcuts{flex-direction:row}}#home .link .shortcuts{gap:20px}@media (min-width:769px){#home .link .shortcuts{gap:30px}}@media (min-width:1025px){#home .link .shortcuts{gap:70px}}@media (min-width:1440px){#home .link .shortcuts{gap:70px}}#home .link .shortcuts button{background-color:var(--mainBackgroundColor);color:var(--mainTextColor);border:1px solid var(--mainColor);z-index:1;transition:color .5 ease;cursor:pointer;width:100%;font-size:clamp(18px,2.5vw,36px);font-weight:700;position:relative;overflow:hidden;transform:skew(-45deg)}@media (min-width:769px){#home .link .shortcuts button{width:100%}}@media (min-width:1025px){#home .link .shortcuts button{width:30%}}@media (min-width:1440px){#home .link .shortcuts button{width:30%}}#home .link .shortcuts button{height:50px}@media (min-width:769px){#home .link .shortcuts button{height:50px}}@media (min-width:1025px){#home .link .shortcuts button{height:70px}}@media (min-width:1440px){#home .link .shortcuts button{height:70px}}#home .link .shortcuts button span{z-index:2;display:inline-block;position:relative;transform:skew(45deg)}#home .link .shortcuts button:before{content:"";background-color:var(--mainColor);z-index:1;width:0%;height:100%;transition:width .5s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){#home .link .shortcuts button:hover{color:var(--secondTextColor)}#home .link .shortcuts button:hover:before{width:100%}}#home .link .shortcuts button.tapped{color:var(--secondTextColor)}#home .link .shortcuts button.tapped:before{width:100%;transition:width .5s}#home .link .shortcuts .primary{background-color:var(--mainColor);color:var(--secondTextColor)}#home .link .shortcuts .primary:hover{background-color:var(--buttonHoverColor)}#home .link .shortcuts .primary:before{display:none}#home .link .shortcuts span{display:inline-block;transform:skew(45deg)}#home .link .socials{z-index:1;justify-content:center;gap:30px;display:flex}@media (min-width:769px){#home .link .socials{justify-content:flex-start}}@media (min-width:1025px){#home .link .socials{justify-content:flex-start}}@media (min-width:1440px){#home .link .socials{justify-content:flex-start}}#home .link .socials{gap:28px}@media (min-width:769px){#home .link .socials{gap:30px}}@media (min-width:1025px){#home .link .socials{gap:30px}}@media (min-width:1440px){#home .link .socials{gap:30px}}#home .link .socials a{background-color:var(--secondBackgroundColor);justify-content:center;align-items:center;width:40px;transition:border-radius .2s,background-color .2s;display:flex}@media (min-width:769px){#home .link .socials a{width:70px}}@media (min-width:1025px){#home .link .socials a{width:70px}}@media (min-width:1440px){#home .link .socials a{width:70px}}#home .link .socials a{height:40px}@media (min-width:769px){#home .link .socials a{height:70px}}@media (min-width:1025px){#home .link .socials a{height:70px}}@media (min-width:1440px){#home .link .socials a{height:70px}}#home .link .socials a svg{width:20px;transition:fill .2s,color .2s}@media (min-width:769px){#home .link .socials a svg{width:35px}}@media (min-width:1025px){#home .link .socials a svg{width:35px}}@media (min-width:1440px){#home .link .socials a svg{width:35px}}#home .link .socials a svg{height:20px}@media (min-width:769px){#home .link .socials a svg{height:35px}}@media (min-width:1025px){#home .link .socials a svg{height:35px}}@media (min-width:1440px){#home .link .socials a svg{height:35px}}@media (hover:hover) and (pointer:fine){#home .link .socials a:hover{border-radius:25px}#home .link .socials a:hover.github svg{color:var(--githubcolor)}#home .link .socials a:hover.linkedin svg{color:var(--linkedincolor)}#home .link .socials a:hover.portfolio svg{color:var(--portfoliocolor)}#home .link .socials a:hover.skybound svg{color:var(--skyboundcolor)}}#home .link .socials a.tapped{border-radius:25px}#home .link .socials a.tapped.github svg{color:var(--githubcolor)}#home .link .socials a.tapped.linkedin svg{color:var(--linkedincolor)}#home .link .socials a.tapped.portfolio svg{color:var(--portfoliocolor)}#home .link .socials a.tapped.skybound svg{color:var(--skyboundcolor)}#project{z-index:1;flex-direction:column;display:flex;position:relative}#project:after{content:"";pointer-events:none;background:linear-gradient(to right,transparent 0%,rgba(var(--mainColorRgb),.4)50%,transparent 100%);z-index:1;width:80%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}#project .haloWrapper{pointer-events:none;z-index:0;width:100%;height:200px;position:absolute;top:0;left:0;overflow:hidden}#project .haloWrapper .halo{background:radial-gradient(circle at top,rgba(var(--mainColorRgb),.6)0%,rgba(var(--mainColorRgb),.3)20%,rgba(var(--mainColorRgb),.1)40%,transparent 80%);filter:blur(20px);border-radius:50%;width:80%;height:300px;position:absolute;top:-75%;left:50%;transform:translate(-50%)}#project h2{-webkit-text-fill-color:#0000;color:#0000;text-align:center;background:linear-gradient(#6d7173,#fcfcfc) top/100% 200%;-webkit-background-clip:text;background-clip:text;padding:90px 0 0;font-size:40px;font-weight:700}@media (min-width:769px){#project h2{padding:50px}}@media (min-width:1025px){#project h2{padding:50px}}@media (min-width:1440px){#project h2{padding:50px}}#about{z-index:1;flex-direction:column;display:flex;position:relative}#about:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(to right,transparent 0%,rgba(var(--mainColorRgb),.4)50%,transparent 100%);width:80%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}#about .haloWrapper{pointer-events:none;z-index:0;width:100%;height:200px;position:absolute;top:0;left:0;overflow:hidden}#about .haloWrapper .halo{background:radial-gradient(circle at top,rgba(var(--mainColorRgb),.6)0%,rgba(var(--mainColorRgb),.3)20%,rgba(var(--mainColorRgb),.1)40%,transparent 80%);filter:blur(20px);border-radius:50%;width:80%;height:300px;position:absolute;top:-75%;left:50%;transform:translate(-50%)}#about h2{-webkit-text-fill-color:#0000;color:#0000;text-align:center;background:linear-gradient(#6d7173,#fcfcfc) top/100% 200%;-webkit-background-clip:text;background-clip:text;padding:90px 0 0;font-size:40px;font-weight:700}@media (min-width:769px){#about h2{padding:50px}}@media (min-width:1025px){#about h2{padding:50px}}@media (min-width:1440px){#about h2{padding:50px}}#about .content{flex-direction:column;flex-grow:1;max-width:100%;min-height:0;display:flex;overflow-y:auto}@media (min-width:769px){#about .content{flex-direction:column}}@media (min-width:1025px){#about .content{flex-direction:row}}@media (min-width:1440px){#about .content{flex-direction:row}}#about .content{gap:10px}@media (min-width:769px){#about .content{gap:30px}}@media (min-width:1025px){#about .content{gap:50px}}@media (min-width:1440px){#about .content{gap:50px}}#about .content{padding:0 30px 30px}@media (min-width:769px){#about .content{padding:0 100px 100px}}@media (min-width:1025px){#about .content{padding:0 150px 150px}}@media (min-width:1440px){#about .content{padding:0 150px 150px}}#about .content .left,#about .content .right{flex-direction:column;flex-shrink:1;min-width:0;min-height:0;display:flex}#about .content .left{justify-content:space-between;gap:5px;min-height:190px}@media (min-width:769px){#about .content .left{gap:20px}}@media (min-width:1025px){#about .content .left{gap:30px}}@media (min-width:1440px){#about .content .left{gap:30px}}#about .content .left{flex:1}@media (min-width:769px){#about .content .left{flex:1}}@media (min-width:1025px){#about .content .left{flex:1}}@media (min-width:1440px){#about .content .left{flex:1}}#about .content .left .introduction{flex-direction:column;justify-content:space-around;height:100%;display:flex}#about .content .left .introduction p{color:var(--thirdTextColor);font-size:clamp(10px,1vw + 1.3vh,60px)}#about .content .left .link{flex-direction:column;justify-content:space-between;display:flex}@media (min-width:769px){#about .content .left .link{flex-direction:row}}@media (min-width:1025px){#about .content .left .link{flex-direction:column}}@media (min-width:1440px){#about .content .left .link{flex-direction:column}}#about .content .left .link{gap:10px}@media (min-width:769px){#about .content .left .link{gap:30px}}@media (min-width:1025px){#about .content .left .link{gap:30px}}@media (min-width:1440px){#about .content .left .link{gap:30px}}#about .content .left .link .shortcuts{width:100%;display:flex}@media (min-width:769px){#about .content .left .link .shortcuts{width:50%}}@media (min-width:1025px){#about .content .left .link .shortcuts{width:100%}}@media (min-width:1440px){#about .content .left .link .shortcuts{width:100%}}#about .content .left .link .shortcuts{padding:0 24px}@media (min-width:769px){#about .content .left .link .shortcuts{padding:0 38px}}@media (min-width:1025px){#about .content .left .link .shortcuts{padding:0 38px}}@media (min-width:1440px){#about .content .left .link .shortcuts{padding:0 38px}}#about .content .left .link .shortcuts button{background-color:var(--mainBackgroundColor);color:var(--mainTextColor);border:1px solid var(--mainColor);z-index:1;cursor:pointer;width:100%;height:30px;font-size:clamp(18px,2.5vw,36px);font-weight:700;transition:color .5s;position:relative;overflow:hidden;transform:skew(-45deg)}@media (min-width:769px){#about .content .left .link .shortcuts button{height:50px}}@media (min-width:1025px){#about .content .left .link .shortcuts button{height:70px}}@media (min-width:1440px){#about .content .left .link .shortcuts button{height:70px}}#about .content .left .link .shortcuts button span{z-index:2;display:inline-block;position:relative;transform:skew(45deg)}#about .content .left .link .shortcuts button:before{content:"";background-color:var(--mainColor);z-index:1;width:0%;height:100%;transition:width .5s;position:absolute;top:0;left:0}@media (hover:hover) and (pointer:fine){#about .content .left .link .shortcuts button:hover{color:var(--secondTextColor)}#about .content .left .link .shortcuts button:hover:before{width:100%}}#about .content .left .link .shortcuts button.tapped{color:var(--secondTextColor)}#about .content .left .link .shortcuts button.tapped:before{width:100%;transition:width .5s}#about .content .left .link .shortcuts span{display:inline-block;transform:skew(45deg)}#about .content .left .link .socials{z-index:1;gap:28px;display:flex}@media (min-width:769px){#about .content .left .link .socials{gap:30px}}@media (min-width:1025px){#about .content .left .link .socials{gap:30px}}@media (min-width:1440px){#about .content .left .link .socials{gap:30px}}#about .content .left .link .socials{justify-content:center}@media (min-width:769px){#about .content .left .link .socials{justify-content:flex-start}}@media (min-width:1025px){#about .content .left .link .socials{justify-content:flex-start}}@media (min-width:1440px){#about .content .left .link .socials{justify-content:flex-start}}#about .content .left .link .socials a{background-color:var(--secondBackgroundColor);justify-content:center;align-items:center;width:40px;transition:border-radius .2s,background-color .2s;display:flex}@media (min-width:769px){#about .content .left .link .socials a{width:50px}}@media (min-width:1025px){#about .content .left .link .socials a{width:70px}}@media (min-width:1440px){#about .content .left .link .socials a{width:70px}}#about .content .left .link .socials a{height:40px}@media (min-width:769px){#about .content .left .link .socials a{height:50px}}@media (min-width:1025px){#about .content .left .link .socials a{height:70px}}@media (min-width:1440px){#about .content .left .link .socials a{height:70px}}#about .content .left .link .socials a svg{width:20px;transition:fill .2s,color .2s}@media (min-width:769px){#about .content .left .link .socials a svg{width:25px}}@media (min-width:1025px){#about .content .left .link .socials a svg{width:35px}}@media (min-width:1440px){#about .content .left .link .socials a svg{width:35px}}#about .content .left .link .socials a svg{height:20px}@media (min-width:769px){#about .content .left .link .socials a svg{height:25px}}@media (min-width:1025px){#about .content .left .link .socials a svg{height:35px}}@media (min-width:1440px){#about .content .left .link .socials a svg{height:35px}}@media (hover:hover) and (pointer:fine){#about .content .left .link .socials a:hover{border-radius:25px}#about .content .left .link .socials a:hover.github svg{color:var(--githubcolor)}#about .content .left .link .socials a:hover.linkedin svg{color:var(--linkedincolor)}#about .content .left .link .socials a:hover.portfolio svg{color:var(--portfoliocolor)}#about .content .left .link .socials a:hover.skybound svg{color:var(--skyboundcolor)}}#about .content .left .link .socials a.tapped{border-radius:25px}#about .content .left .link .socials a.tapped.github svg{color:var(--githubcolor)}#about .content .left .link .socials a.tapped.linkedin svg{color:var(--linkedincolor)}#about .content .left .link .socials a.tapped.portfolio svg{color:var(--portfoliocolor)}#about .content .left .link .socials a.tapped.skybound svg{color:var(--skyboundcolor)}#about .content .right{flex-direction:column;gap:10px}@media (min-width:769px){#about .content .right{gap:20px}}@media (min-width:1025px){#about .content .right{gap:30px}}@media (min-width:1440px){#about .content .right{gap:30px}}#about .content .right{flex:1}@media (min-width:769px){#about .content .right{flex:1}}@media (min-width:1025px){#about .content .right{flex:1}}@media (min-width:1440px){#about .content .right{flex:1}}#about .content .right .gadget{flex:4;gap:10px;display:flex}@media (min-width:769px){#about .content .right .gadget{gap:20px}}@media (min-width:1025px){#about .content .right .gadget{gap:30px}}@media (min-width:1440px){#about .content .right .gadget{gap:30px}}#about .content .right .gadget .rocket{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.4);border-radius:15px;flex:1;justify-content:center;align-items:center;display:none;position:relative;overflow:hidden}@media (min-width:769px){#about .content .right .gadget .rocket{display:flex}}@media (min-width:1025px){#about .content .right .gadget .rocket{display:flex}}@media (min-width:1440px){#about .content .right .gadget .rocket{display:flex}}#about .content .right .gadget .rocket .rocketWrapper{z-index:3;flex-direction:column;align-items:center;animation:3s ease-in-out infinite float;display:flex;position:relative}#about .content .right .gadget .rocket .rocketWrapper .rocketIcon{color:var(--mainColor)}#about .content .right .gadget .rocket .rocketWrapper .rocketFire{transform-origin:top;color:var(--fireColor);animation:1.5s infinite fireFlicker;position:absolute;top:100%}#about .content .right .gadget .rocket .moon{z-index:1;position:absolute;top:40px;rotate:180deg}@media (min-width:769px){#about .content .right .gadget .rocket .moon{top:40px}}@media (min-width:1025px){#about .content .right .gadget .rocket .moon{top:40px}}@media (min-width:1440px){#about .content .right .gadget .rocket .moon{top:40px}}#about .content .right .gadget .rocket .moon{right:30px}@media (min-width:769px){#about .content .right .gadget .rocket .moon{right:30px}}@media (min-width:1025px){#about .content .right .gadget .rocket .moon{right:30px}}@media (min-width:1440px){#about .content .right .gadget .rocket .moon{right:30px}}#about .content .right .gadget .rocket .cloud{z-index:2;width:80px;animation:10s linear infinite moveClouds;position:absolute;top:-100px}#about .content .right .gadget .rocket .cloud1{animation-delay:0s;left:20px}#about .content .right .gadget .rocket .cloud2{animation-delay:5s;right:0}#about .content .right .gadget .meteoClock{flex-direction:row;flex:1;justify-content:space-between;display:flex}@media (min-width:769px){#about .content .right .gadget .meteoClock{flex-direction:row}}@media (min-width:1025px){#about .content .right .gadget .meteoClock{flex-direction:column}}@media (min-width:1440px){#about .content .right .gadget .meteoClock{flex-direction:column}}#about .content .right .gadget .meteoClock{gap:10px}@media (min-width:769px){#about .content .right .gadget .meteoClock{gap:20px}}@media (min-width:1025px){#about .content .right .gadget .meteoClock{gap:30px}}@media (min-width:1440px){#about .content .right .gadget .meteoClock{gap:30px}}#about .content .right .gadget .meteoClock .clock,#about .content .right .gadget .meteoClock .meteo{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.4);border-radius:15px;flex:1;justify-content:flex-start;align-items:flex-start;display:flex;position:relative;overflow:hidden}#about .content .right .gadget .meteoClock .clock:before,#about .content .right .gadget .meteoClock .meteo:before{content:"";pointer-events:none;display:block}#about .content .right .gadget .meteoClock .clock>*,#about .content .right .gadget .meteoClock .meteo>*{flex-direction:column;display:flex;position:absolute;inset:0}#about .content .right .gadget .meteoClock .clock{background-color:var(--mainColor)}#about .content .right .gadget .meteoClock .clock .logo{color:var(--secondTextColor);height:40px;margin-top:10px;transition:opacity .5s}@media (min-width:769px){#about .content .right .gadget .meteoClock .clock .logo{height:50px}}@media (min-width:1025px){#about .content .right .gadget .meteoClock .clock .logo{height:70px}}@media (min-width:1440px){#about .content .right .gadget .meteoClock .clock .logo{height:70px}}#about .content .right .gadget .meteoClock .clock .modul{justify-content:center;align-items:flex-end;transition:transform .8s;display:flex;transform:translate(0)}@media (hover:hover) and (pointer:fine){#about .content .right .gadget .meteoClock .clock:hover .logo{opacity:0}#about .content .right .gadget .meteoClock .clock:hover .modul{transform:translate(calc(80px - 100%))}}#about .content .right .contribution{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.4);border-radius:15px;flex:2;min-height:0;padding:20px}@media (min-width:769px){#about .content .right .contribution{flex:1}}@media (min-width:1025px){#about .content .right .contribution{flex:1}}@media (min-width:1440px){#about .content .right .contribution{flex:1}}#technology{justify-content:center;align-items:center;padding:110px 30px 30px;display:flex}@media (min-width:769px){#technology{padding:150px 100px 100px}}@media (min-width:1025px){#technology{padding:150px}}@media (min-width:1440px){#technology{padding:150px}}#contact{justify-content:center;align-items:center;padding:110px 30px 30px;display:flex}@media (min-width:769px){#contact{padding:150px 100px 100px}}@media (min-width:1025px){#contact{padding:150px}}@media (min-width:1440px){#contact{padding:150px}}#contact .box{background-color:var(--mainColor);width:100%;height:100%;color:var(--secondTextColor);border-radius:50px;flex-direction:column;justify-content:space-between;padding:30px;display:flex}@media (min-width:769px){#contact .box{padding:40px}}@media (min-width:1025px){#contact .box{padding:80px}}@media (min-width:1440px){#contact .box{padding:80px}}#contact h2{font-size:clamp(28px,4vw + 2vh,60px);font-weight:700}#contact .pub{font-size:clamp(16px,3vw + 1.5vh,36px)}#contact .pub span{font-weight:700}#contact .direct{font-size:clamp(10px,2.5vw + 1vh,32px)}@media screen and (orientation:landscape) and (max-width:1024px) and (max-height:600px){html:before{content:"Ce site est optimisé pour une utilisation en mode portrait 📱. Veuillez pivoter votre téléphone.";z-index:99999;color:#fff;text-align:center;background-color:#000;justify-content:center;align-items:center;padding:20px;font-size:16px;display:flex;position:fixed;inset:0}html>*{display:none!important}}
@keyframes frontFlip{0%{opacity:1;transform:rotateX(0)}to{opacity:1;transform:rotateX(360deg)}}@keyframes leaveFlip{0%{opacity:1;transform:translateY(0)rotateX(0)}40%{opacity:.5;transform:translateY(30px)rotateX(-45deg)}60%{opacity:0;transform:translateY(60px)rotateX(-90deg)}61%{opacity:0;transform:translateY(-60px)rotateX(90deg)}to{opacity:1;transform:translateY(0)rotateX(0)}}@keyframes pushUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes pushDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes pushInFromTop{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pushInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpReveal{0%{transform:translateY(120px)}to{transform:translateY(0)}}@keyframes slideDownHide{0%{transform:translateY(0)}to{transform:translateY(120px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fireFlicker{0%{opacity:1;transform:scaleY(1)scaleX(1)}10%{opacity:.8;transform:scaleY(1.4)scaleX(.9)}25%{opacity:.9;transform:scaleY(1.1)scaleX(1.1)}40%{opacity:.7;transform:scaleY(1.5)scaleX(.95)}55%{opacity:.85;transform:scaleY(1.2)scaleX(1.05)}70%{opacity:.6;transform:scaleY(1.6)scaleX(.9)}85%{opacity:.8;transform:scaleY(1.3)scaleX(1)}to{opacity:1;transform:scaleY(1)scaleX(1)}}@keyframes moveClouds{0%{opacity:0;top:-100px}20%{opacity:.4}50%{opacity:.6}80%{opacity:.4}to{opacity:0;top:100%}}@keyframes pngFlyIn{0%{opacity:0;transform:perspective(1000px)rotateY(90deg)translate(200px)scale(.5)}60%{opacity:1;transform:perspective(1000px)rotateY(-10deg)translate(-10px)scale(1.05)}to{opacity:1;transform:perspective(1000px)rotateY(0)translate(0)scale(1)}}@keyframes pngFlyOut{0%{opacity:1;transform:perspective(1000px)rotateY(0)translate(0)scale(1)}40%{opacity:1;transform:perspective(1000px)rotateY(-10deg)translate(-10px)scale(1.05)}to{opacity:0;transform:perspective(1000px)rotateY(90deg)translate(-200px)scale(.5)}}@keyframes boxShadowIn{0%{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.5),0 0 0 rgba(var(--mainColorRgb),0)}to{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.7),0 0 15px rgba(var(--mainColorRgb),.5)}}@keyframes boxShadowOut{0%{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.7),0 0 15px rgba(var(--mainColorRgb),.5)}to{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.5),0 0 0 rgba(var(--mainColorRgb),0)}}@keyframes glowIn{0%{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.7),0 0 15px rgba(var(--mainColorRgb),.5)}to{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),1),0 0 25px rgba(var(--mainColorRgb),.8)}}@keyframes glowOut{0%{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),1),0 0 25px rgba(var(--mainColorRgb),.8)}to{box-shadow:inset 0 0 10px rgba(var(--mainColorRgb),.5),0 0 0 rgba(var(--mainColorRgb),0)}}@keyframes techIn{0%{filter:drop-shadow(0 0);transform:scale(1)}to{filter:drop-shadow(0 0 3px);transform:scale(1.05)}}@keyframes techOut{0%{filter:drop-shadow(0 0 3px);transform:scale(1.05)}to{filter:drop-shadow(0 0);transform:scale(1)}}header{z-index:10;justify-content:space-between;align-items:center;padding:30px;display:flex;position:fixed;top:0;left:0;right:0}@media (min-width:769px){header{padding:50px}}@media (min-width:1025px){header{padding:50px}}@media (min-width:1440px){header{padding:50px}}header .logo{fill:currentColor;color:var(--mainColor);cursor:pointer;width:50px;height:50px;transition:transform .5s cubic-bezier(.4,0,.2,1),filter .5s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){header .logo:hover{filter:drop-shadow(0 0 5px var(--mainColor));transform:scale(1.1)}}header .logo.tapped{filter:drop-shadow(0 0 5px var(--mainColor));transition:transform .5s,filter .5s;transform:scale(1.1)}header .button-container{z-index:30;border-radius:30px;width:150px;height:50px;position:fixed;top:30px;right:50px;overflow:hidden}@media (min-width:769px){header .button-container{top:50px}}@media (min-width:1025px){header .button-container{top:50px}}@media (min-width:1440px){header .button-container{top:50px}}header .button-container{right:30px}@media (min-width:769px){header .button-container{right:50px}}@media (min-width:1025px){header .button-container{right:50px}}@media (min-width:1440px){header .button-container{right:50px}}header .menu,header .close{background-color:var(--mainColor);border:2px solid var(--mainBackgroundColor);cursor:pointer;opacity:1;border-radius:30px;width:150px;height:50px;font-size:24px;font-weight:700;transition:opacity .3s;position:absolute;top:0;left:0}header .menu span,header .close span{backface-visibility:hidden;transition:none;display:inline-block}header .menu.hovered span,header .close.hovered span{opacity:1;animation:.5s forwards frontFlip}header .menu.leaving span,header .close.leaving span{opacity:1;animation:.7s forwards leaveFlip}header .menu.push-in-from-top,header .close.push-in-from-top{animation:.5s forwards pushInFromTop}header .menu.pushing-up,header .close.pushing-up{animation:.5s forwards pushUp}header .menu.pushing-down,header .close.pushing-down{animation:.5s forwards pushDown}header .menu.push-in-from-bottom,header .close.push-in-from-bottom{animation:.5s forwards pushInFromBottom}header .menu{color:var(--secondTextColor)}header .close{color:var(--mainColor);background-color:var(--mainBackgroundColor)}header .overlay{position:fixed;inset:0}header .overlay .modal{background-color:var(--mainColor);transform-origin:100% 0;border:2px solid var(--mainBackgroundColor);box-shadow:inset 0 0 10px rgba(var(--mainBackgroundColorRgb),.8);border-radius:30px;position:absolute;top:20px;overflow:hidden}@media (min-width:769px){header .overlay .modal{top:40px}}@media (min-width:1025px){header .overlay .modal{top:40px}}@media (min-width:1440px){header .overlay .modal{top:40px}}header .overlay .modal{right:20px}@media (min-width:769px){header .overlay .modal{right:40px}}@media (min-width:1025px){header .overlay .modal{right:40px}}@media (min-width:1440px){header .overlay .modal{right:40px}}header .overlay .modal{width:150px}@media (min-width:769px){header .overlay .modal{width:150px}}@media (min-width:1025px){header .overlay .modal{width:150px}}@media (min-width:1440px){header .overlay .modal{width:150px}}header .overlay .modal{height:50px}@media (min-width:769px){header .overlay .modal{height:50px}}@media (min-width:1025px){header .overlay .modal{height:50px}}@media (min-width:1440px){header .overlay .modal{height:50px}}header .overlay .modal.modal-open{z-index:5;width:280px;animation:.5s forwards modalOpen}@media (min-width:769px){header .overlay .modal.modal-open{width:400px}}@media (min-width:1025px){header .overlay .modal.modal-open{width:600px}}@media (min-width:1440px){header .overlay .modal.modal-open{width:600px}}header .overlay .modal.modal-open{height:300px}@media (min-width:769px){header .overlay .modal.modal-open{height:300px}}@media (min-width:1025px){header .overlay .modal.modal-open{height:500px}}@media (min-width:1440px){header .overlay .modal.modal-open{height:500px}}header .overlay .modal.modal-close{z-index:5;animation:.5s forwards modalClose}header .overlay .modal nav{color:var(--secondTextColor);flex-direction:column;gap:30px;padding:70px 30px;font-weight:700;display:flex}@media (min-width:769px){header .overlay .modal nav{padding:70px 50px}}@media (min-width:1025px){header .overlay .modal nav{padding:70px 50px}}@media (min-width:1440px){header .overlay .modal nav{padding:70px 50px}}header .overlay .modal nav{font-size:32px}@media (min-width:769px){header .overlay .modal nav{font-size:40px}}@media (min-width:1025px){header .overlay .modal nav{font-size:64px}}@media (min-width:1440px){header .overlay .modal nav{font-size:64px}}header .overlay .modal nav .link-wrapper{height:42px;overflow:hidden}@media (min-width:769px){header .overlay .modal nav .link-wrapper{height:50px}}@media (min-width:1025px){header .overlay .modal nav .link-wrapper{height:88px}}@media (min-width:1440px){header .overlay .modal nav .link-wrapper{height:88px}}header .overlay .modal nav .link-wrapper a{height:32px;display:block}@media (min-width:769px){header .overlay .modal nav .link-wrapper a{height:40px}}@media (min-width:1025px){header .overlay .modal nav .link-wrapper a{height:78px}}@media (min-width:1440px){header .overlay .modal nav .link-wrapper a{height:78px}}header .overlay .modal nav.hide-links .link-wrapper a{animation:.5s forwards slideDownHide}header .overlay .modal nav.show-links .link-wrapper a{animation:.5s forwards slideDownShow}
footer{background-color:var(--footerBackgroundColor);width:100%;color:var(--mainTextColor);justify-content:space-between;align-items:flex-start;padding:30px;transition:bottom .3s;display:flex;position:fixed;bottom:-330px;left:0}@media (min-width:769px){footer{padding:50px}}@media (min-width:1025px){footer{padding:50px}}@media (min-width:1440px){footer{padding:50px}}footer.visible{bottom:0}footer .name{font-size:24px}@media (min-width:769px){footer .name{font-size:32px}}@media (min-width:1025px){footer .name{font-size:96px}}@media (min-width:1440px){footer .name{font-size:96px}}footer .copyright{color:var(--fourthTextColor);margin-top:auto;font-size:16px}@media (min-width:769px){footer .copyright{font-size:20px}}@media (min-width:1025px){footer .copyright{font-size:32px}}@media (min-width:1440px){footer .copyright{font-size:32px}}
.intro{background-color:var(--mainBackgroundColor);z-index:9999;border-bottom:1px solid var(--mainColor);justify-content:center;align-items:center;width:100vw;height:100vh;transition:transform 1s;display:flex;position:fixed;top:0;left:0;overflow:visible}.intro.slideUp{transition:transform 1s;transform:translateY(-100%)}.intro .logo{width:300px;height:300px;transition:transform .3s;overflow:visible}.intro .logo.shrink{transform:scale(.7)}.intro .path{fill:#0000;stroke:var(--mainColor);stroke-width:.5px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200px;filter:drop-shadow(2px 2px 2px rgba(var(--mainColorRgb),.3));transition:stroke-dashoffset,fill 1s ease-in-out,filter .3s}.intro .filled{fill:var(--mainColor);fill-opacity:1;filter:drop-shadow(0 0 5px rgba(var(--mainColorRgb),.3))}.intro .logo.shrink .path{filter:drop-shadow(0 0 15px rgba(var(--mainColorRgb),.7))}
/*# sourceMappingURL=17d3bd41ee62dc10.css.map*/