@font-face{font-family:BergenSans;src:url(/_next/static/media/BergenSans-Regular.ee554e9f.otf)}@font-face{font-family:NotoRegular;src:url(/_next/static/media/NotoSans-Regular.c983f2f0.ttf)}@font-face{font-family:NotoLight;src:url(/_next/static/media/NotoSans-Light.c4ab3d57.ttf)}@font-face{font-family:NotoBold;src:url(/_next/static/media/NotoSans-SemiBold.dedd3bcb.ttf)}*{box-sizing:border-box;margin:0;padding:0}html{height:auto}body,html{width:100vw;overflow-x:hidden}body{background-color:#121212;position:relative}h1{font-family:BergenSans,sans-serif;font-size:4.5rem;color:#d9d9d9}@media screen and (max-width:500px){h1{font-size:3rem}}h2{font-size:3rem;font-family:BergenSans,sans-serif;color:#d9d9d9;text-align:left}@media screen and (max-width:500px){h2{font-size:1.4rem}}h3{font-size:1.6rem;font-family:BergenSans,sans-serif}h3,p{color:#d9d9d9}p{font-size:1rem}a,p{font-family:NotoRegular,sans-serif}a{text-decoration:none}a:focus{outline:2px solid #5ca960}li{list-style:none;font-family:NotoRegular,sans-serif}li:focus{outline:2px solid #5ca960}button{cursor:pointer}button:focus{outline:2px solid #5ca960}.main-container{display:grid;grid-template-columns:repeat(12,1fr);margin:0 16%;grid-column-gap:20px;column-gap:20px;background-color:transparent}@media screen and (max-width:1200px){.main-container{margin:0 8%}}@media screen and (max-width:768px){.main-container{margin:0 5%}}@media screen and (max-width:500px){.main-container{grid-template-columns:repeat(6,1fr);column-gap:10px}}.nav-container{display:grid;grid-template-columns:repeat(12,1fr);padding:0 16%;grid-column-gap:20px;column-gap:20px;align-items:center;height:80px;width:100%;justify-content:space-between;background-color:transparent;z-index:10;position:fixed;top:0;transition:.4s}@media screen and (max-width:1200px){.nav-container{padding:0 8%}}@media screen and (max-width:768px){.nav-container{grid-template-columns:repeat(6,1fr);padding:0 5%;justify-content:space-between}}@media screen and (max-width:500px){.nav-container{grid-template-columns:repeat(6,1fr);padding:0 3%}}.nav-container nav{display:flex;align-items:center;width:auto;position:relative;z-index:10000}.nav-container nav ul{display:flex;align-items:center;width:80%;gap:42px}@media screen and (max-width:880px){.nav-container nav ul{position:fixed;top:0;left:0;width:100%;height:100vh;flex-direction:column;transition:.8s;transform:translateX(-100vh);background-color:#121212;justify-content:start;gap:26px;padding:20%;font-size:1.4rem;align-items:flex-start;z-index:10000}.nav-container nav ul .nav-close-btn{position:absolute;top:2rem;left:2rem}}.nav-container nav ul li{color:#d9d9d9}.nav-container nav ul li:hover{border-bottom:1px solid #d9d9d9}.nav-container nav ul li a{border:none}.nav-container nav .responsive_nav{transform:none;height:100vh}.nav-container .nav-btn{background:transparent;border:none;outline:none;color:#d9d9d9;visibility:hidden;opacity:0;font-size:1.6rem}@media screen and (max-width:880px){.nav-container .nav-btn{visibility:visible;opacity:1}}.nav-container a{color:#d9d9d9;text-align:end;grid-column:11/span 3;width:120px}.nav-container a:hover{border-bottom:1px solid #d9d9d9}@media screen and (max-width:640px){.nav-container a{width:120px}}@media screen and (max-width:500px){.nav-container a{grid-column-start:6}}@media screen and (max-width:490px){.nav-container a{width:140px}}.banner-container{grid-column:1/span 12;display:grid;grid-template-columns:50% 50%;height:740px;position:relative}@media screen and (max-width:880px){.banner-container{grid-template-columns:100%}}@media screen and (max-width:500px){.banner-container{grid-column:1/span 6}}.banner-container .archenar{position:absolute;top:-10%;right:-26%;opacity:.8;pointer-events:none;width:100%;height:auto;transform:translateX(20%)}@media screen and (max-width:1200px){.banner-container .archenar{right:0;top:0;height:100%}}.banner-container__content{height:100%;display:flex;flex-direction:column;justify-content:center;gap:4rem;z-index:2}@media screen and (max-width:500px){.banner-container__content{gap:2em}}.banner-container__content .banner-container__text{z-index:2}@media screen and (max-width:500px){.banner-container__content .banner-container__text{margin:2em 0}}.banner-container__content .banner-container__text #job{font-size:2rem;font-family:BergenSans,sans-serif;color:#d9d9d9;padding:1rem 0}@media screen and (max-width:500px){.banner-container__content .banner-container__text #job{font-size:1.4rem}}.banner-container__content .banner-container__text #description{font-size:1rem;color:#d9d9d9;padding:1rem 0}.banner-container__content .banner-container__btn-container{z-index:2;display:flex;align-items:center;height:auto;gap:2rem}@media screen and (max-width:580px){.banner-container__content .banner-container__btn-container{justify-content:space-between;width:100%}}@media screen and (max-width:475px){.banner-container__content .banner-container__btn-container{flex-direction:column;gap:1rem}}.banner-container__content .banner-container__btn-container .btn-banner{width:220px;height:52px;border-radius:6px;border:none;font-family:NotoBold,sans-serif;font-size:1.2rem;cursor:pointer;transition:.4s}@media screen and (max-width:580px){.banner-container__content .banner-container__btn-container .btn-banner{width:200px}}.banner-container__content .banner-container__btn-container .btn-banner:hover{transform:translateY(-4px)}.banner-container__content .banner-container__btn-container #contact-btn:hover{background-color:#c4c4c4}.banner-container__content .banner-container__btn-container #github{border:1px solid #d9d9d9;background-color:#121212;color:#d9d9d9}.banner-container__sphere{position:relative;display:flex;align-items:center;justify-content:center;width:100%}@media screen and (max-width:880px){.banner-container__sphere{display:none}}.banner-container__sphere .sphere-container{width:auto;height:auto;display:grid;grid-gap:1em;gap:1em;grid-template-columns:100px 100px 100px;grid-template-rows:100px 100px 100px;justify-items:center;align-items:center;grid-template-areas:"react . ts" ". js ." "next . node"}.cardBanner-container{grid-column:1/span 12;height:auto;padding-bottom:2em}@media screen and (max-width:500px){.cardBanner-container{grid-column:1/span 6}}.cardBanner-container .elnath{position:absolute;left:-40%;z-index:-2;transform:translateY(-30%);pointer-events:none;height:auto;width:80%}@media screen and (max-width:1340px){.cardBanner-container .elnath{left:-40%}}@media screen and (max-width:700px){.cardBanner-container .elnath{height:20%;width:100%}}.cardBanner-container .cards-container{position:relative;height:auto;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width:1280px){.cardBanner-container .cards-container{flex-direction:column;gap:2rem}}.cardBanner-container .cards-container .cards{background-color:#121212;width:340px;height:280px;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:1em;text-align:center;padding:40px;cursor:pointer}.cardBanner-container .cards-container .cards .cardBanner-icon{font-size:3rem;color:#d9d9d9;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media screen and (max-width:400px){.cardBanner-container .cards-container .cards .cardBanner-icon{font-size:2rem}}@media screen and (max-width:1550px){.cardBanner-container .cards-container .cards{width:300px;height:320px}}@media screen and (max-width:1380px){.cardBanner-container .cards-container .cards{width:280px}}@media screen and (max-width:1280px){.cardBanner-container .cards-container .cards{width:90%;height:160px;gap:2rem;align-items:center;justify-content:flex-start;flex-direction:row;text-align:left}}@media screen and (max-width:800px){.cardBanner-container .cards-container .cards{padding:16px 2rem;height:200px;gap:2rem;width:100%}}@media screen and (max-width:460px){.cardBanner-container .cards-container .cards{flex-direction:column;gap:0;padding:24px;text-align:center;width:300px;height:240px}}.cardBanner-container .cards-container .cards:hover{outline:1px solid #d9d9d9}.cardBanner-container .cards-container .cards h3{padding-bottom:1rem}@media screen and (max-width:460px){.cardBanner-container .cards-container .cards h3{font-size:1.4rem;padding:.8em 0 1em}}.devtools-container{display:grid;grid-column-start:3;grid-column-end:11;width:100%;height:auto;background-color:#121212;border-radius:6px;margin:6em 0 2em;position:relative}@media screen and (max-width:700px){.devtools-container{grid-column-start:2;grid-column-end:12}}@media screen and (max-width:500px){.devtools-container{grid-column:1/span 6}}.devtools-container #competences{background-color:#d9d9d9;color:#121212;border-top-left-radius:6px;border-top-right-radius:6px}.devtools-container #competences h3,.devtools-container #competences p{color:#121212}.devtools-container .devtools__tech-container__each{padding:1em;width:100%;display:flex;flex-direction:column;align-items:center}.devtools-container .devtools__tech-container__each h3{font-family:NotoBold,sans-serif;font-size:1.2rem}.devtools-container .devtools__tech-container__each .devtools__tech-container{display:flex;align-items:center;align-items:flex-end;gap:3em;padding:1em 0;text-align:center}@media screen and (max-width:1550px){.devtools-container .devtools__tech-container__each .devtools__tech-container{gap:2em}}@media screen and (max-width:1120px){.devtools-container .devtools__tech-container__each .devtools__tech-container{flex-wrap:wrap;justify-content:center}}.devtools-container .devtools__tech-container__each .devtools__tech-container img{width:52px;height:auto}@media screen and (max-width:1280px){.devtools-container .devtools__tech-container__each .devtools__tech-container img{width:40px}}.devtools-container .devtools__tech-container__each .devtools__tech-container p{padding-top:4px}.devtools-container .spica{position:absolute;width:100%;height:auto;right:0;transform:translateX(100%);top:0;z-index:-1;pointer-events:none}@media screen and (max-width:700px){.devtools-container .spica{transform:translateX(50%);height:100%;top:0;right:0}}.project-container{grid-column:2/span 10;display:flex;flex-direction:column;width:100%;text-align:center;margin:6em 0;position:relative}@media screen and (max-width:500px){.project-container{grid-column:1/span 6}}.project-container h2{color:#d9d9d9}@media screen and (max-width:475px){.project-container h2{font-size:2rem}}.project-container .procyon{position:absolute;left:-80%;z-index:-2;pointer-events:none;width:100%;height:auto;top:-10%}@media screen and (max-width:1100px){.project-container .procyon{left:-70%;top:0;height:100%}}.project-container .project-solo__container{width:100%;height:320px;position:relative;margin:2em 0;border-radius:6px;overflow:hidden}.project-container .project-solo__container:hover{border:1px solid #d9d9d9}@media screen and (max-width:500px){.project-container .project-solo__container{height:240px}}.project-container .project-solo__container .imgBg{position:absolute;top:0;left:0;z-index:-1;max-width:100%;height:auto}@media screen and (max-width:1220px){.project-container .project-solo__container .imgBg{max-height:max-content;max-width:100%}}@media screen and (max-width:1000px){.project-container .project-solo__container .imgBg{max-height:100%;max-width:max-content}}@media screen and (max-width:500px){.project-container .project-solo__container .imgBg{max-height:none;max-width:none;left:0;height:100%;width:auto}}.project-container .project-solo__container .project-solo__container-text{height:100%;display:flex;padding:1em;align-items:flex-end;justify-content:space-between;z-index:1;background:#0d0d0f;background:linear-gradient(0deg,#0d0d0f,rgba(13,13,15,.485) 46%,rgba(13,13,15,0));color:#d9d9d9}.project-container .project-solo__container .project-solo__container-text #plusBtn{color:#d9d9d9}.project-container .project-solo__container .project-solo__container-text h3{text-align:left}.project-container .project-solo__container .project-solo__logo-container{position:absolute;top:1em;right:1em;z-index:4}.project-container .project-solo__container .project-solo__logo-container img{width:32px;margin-left:.6em}.project-container .project-container__btn-container{display:flex;align-items:center;gap:1em}@media screen and (max-width:475px){.project-container .project-container__btn-container{flex-direction:column}}.project-container .project-container__btn-container .btn-container-btn{width:220px;height:44px;border-radius:6px;border:none;font-family:NotoBold,sans-serif;font-size:1.2rem;cursor:pointer;transition:.4s}@media screen and (max-width:580px){.project-container .project-container__btn-container .btn-container-btn{width:200px}}.project-container .project-container__btn-container #githubProjet:hover{background-color:#121212;color:#d9d9d9;border:1px solid #d9d9d9}.project-container .project-container__btn-container #behanceProjet{background-color:#0057ff;color:#fff}.project-container .project-container__btn-container #behanceProjet:hover{background-color:#121212;border:1px solid #d9d9d9}.exp-container{grid-column:2/span 10;position:relative}@media screen and (max-width:500px){.exp-container{grid-column:1/span 6}}.exp-container .exp-container__content{background-color:#121212;margin:2em 0;padding:2em;border-radius:6px;display:flex;flex-direction:column;gap:80px}.exp-container .exp-container__content .content--para{display:flex;flex-direction:column;gap:18px}.exp-container .exp-container__content .content--para .para-date{font-size:.8rem}.exp-container .gacrux{position:absolute;width:180%;height:auto;left:-40%;z-index:-2;bottom:-80%;pointer-events:none;overflow:hidden}@media screen and (max-width:1355px){.exp-container .gacrux{bottom:-20%}}@media screen and (max-width:500px){.exp-container .gacrux{bottom:-12%}}.footer-global-container{grid-column:1/span 12;background-color:#121212;height:auto;margin-top:2em;padding:2em 0 4em;bottom:0;z-index:5}@media screen and (max-width:500px){.footer-global-container{grid-column:1/span 6}}.footer-global-container .footer-content-container{width:560px;margin:0 auto;padding:2em 1em}@media screen and (max-width:650px){.footer-global-container .footer-content-container{width:100%}}.footer-global-container .footer-content-container h3{text-align:center}.footer-global-container .footer-content-container .content__mailCC{display:flex;align-items:center;justify-content:space-between;background-color:#333232;height:42px;border-radius:6px;padding:1.4em;margin:2em 0;cursor:pointer}.footer-global-container .footer-content-container .content__mailCC:hover{background-color:#585757}.footer-global-container .footer-content-container .content__mailCC p{color:#d9d9d9;font-size:1.2rem;transition:.4s;font-family:NotoBold,sans-serif}@media screen and (max-width:340px){.footer-global-container .footer-content-container .content__mailCC p{font-size:1rem}}.footer-global-container .footer-content-container .content__mailCC #content__mailCC--copy{color:#d9d9d9;font-size:1.6rem}.footer-global-container .footer-content-container .content__mailCC #content__mailCC--check{transition:.4s;color:#5ca960;font-size:1.6rem}.footer-global-container .footer-content-container form{display:flex;flex-direction:column;color:#d9d9d9;font-family:NotoRegular,sans-serif}.footer-global-container .footer-content-container form label{font-family:NotoBold,sans-serif;margin-top:1em}.footer-global-container .footer-content-container form input{height:46px;border-radius:6px;outline:none;border:none;padding-left:12px;font-family:NotoRegular,sans-serif;margin-top:1em}.footer-global-container .footer-content-container form input[type=submit]{width:220px;height:52px;margin:2em auto;padding:0;font-family:NotoBold,sans-serif;font-size:1.2rem;cursor:pointer;transition:.4s}.footer-global-container .footer-content-container form input[type=submit]:hover{transform:translateY(-4px)}.footer-global-container .footer-content-container form textarea{resize:none;min-height:124px;border-radius:6px;outline:none;border:none;padding:12px;font-family:NotoRegular,sans-serif;margin-top:1em}.footer-global-container .footer-content-container p{text-align:center}.footer-global-container .footer-content-container .footer-content__realisation{display:flex;align-items:center;gap:.5rem;justify-content:center;background-color:#d9d9d9;position:absolute;width:100%;left:0;bottom:0;padding:2px 0}.footer-global-container .footer-content-container .footer-content__realisation p{color:#121212}.footer-global-container .footer-content-container .footer-content__realisation img{width:60px;height:auto}.btn-container{height:86px;position:fixed;left:0;top:0;z-index:10;width:100%}@media screen and (max-width:500px){.btn-container{grid-column:1/span 6;padding-top:44px;height:80px;position:fixed;left:0;top:0;z-index:10}}.btn-container #goBack-btn{width:auto;position:fixed;top:1em;left:4em;z-index:3;padding:16px 22px;background-color:#d9d9d9;border-radius:6px;cursor:pointer;color:#121212;font-family:NotoBold,sans-serif}@media screen and (max-width:500px){.btn-container #goBack-btn{position:relative;top:auto;left:3%;padding:16px 0;color:#d9d9d9;background-color:transparent}}.btn-container #goBack-btn:hover{transform:scale(1.05);transition:.6s}.btn-container #goBack-btn:hover #chevronLeft{animation:goBackAnim 3s ease infinite}.projet-container{grid-column:1/span 12;margin-top:72px;text-align:center;position:relative}.projet-container h1{font-size:3rem;padding:1em 0}.projet-container h2{font-size:1.8rem;text-align:center}@media screen and (max-width:1100px){.projet-container h1{font-size:3rem;margin:.6em 0}.projet-container h2{font-size:1.2rem;font-family:NotoRegular,sans-serif;text-align:center}}@media screen and (max-width:500px){.projet-container{grid-column:1/span 6;text-align:left}.projet-container h1{font-size:2.2rem;text-align:left;margin:.6em 0}.projet-container h2{font-size:1rem;text-align:left;font-family:NotoRegular,sans-serif}}.projet-container .procyon{position:absolute;width:100%;height:auto;left:-80%;top:-30%;z-index:-2;pointer-events:none}@media screen and (max-width:1340px){.projet-container .procyon{left:-60%;top:0}}.projet-container .projet-container__tech-logo{display:flex;align-items:center;justify-content:center;gap:1em;padding:2em 0 3em}.projet-container .projet-container__tech-logo img{width:36px}@media screen and (max-width:0px){.projet-container .projet-container__tech-logo img{width:24px;height:auto}}@media screen and (max-width:500px){.projet-container .projet-container__tech-logo{padding:1em 0}}.projet-container .projet-container__miniature{width:100%;height:auto;border-radius:6px;margin:2em 0 0;border:6px solid #d9d9d9}@media screen and (max-width:500px){.projet-container .projet-container__miniature{border:3px solid #d9d9d9}}.projet-container .projet-container__content{width:100%}.projet-container .projet-container__content h3{padding:1em 0}@media screen and (max-width:1100px){.projet-container .projet-container__content h3{font-family:BergenSans,sans-serif;font-size:1.8rem}}@media screen and (max-width:500px){.projet-container .projet-container__content h3{font-family:BergenSans,sans-serif;font-size:1.4rem}}.projet-container .projet-container__content .content-text{margin:2em 0 0}.projet-container .projet-container__content .gifPresentation{width:100%;height:auto;border-radius:6px;margin:2em 0 0;border:6px solid #d9d9d9}@media screen and (max-width:500px){.projet-container .projet-container__content .gifPresentation{border:3px solid #d9d9d9}}@keyframes goBackAnim{0%{transform:translateX(0) translateY(2px)}40%{transform:translateX(-8px) translateY(2px)}60%{transform:translateX(-8px) translateY(2px)}to{transform:translateX(0) translateY(2px)}}