@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";:root{--border-radius:12px;--transition:0.2s ease-in-out;--font-family:"Nunito",sans-serif;--background:#0f0f0f;--box:#1e1b1e;--text-white:#fff;--text-subtitle:#ccc;--text-black:#0f0f0f;--green:#00c39a;--yellow:#ffbf3c;--red:#fe6d79;--purple:#8325fd;--gray:#999899}*{box-sizing:border-box;padding:0;margin:0}@media screen and (min-width:1091px){body,html{overflow:hidden}}body{background-color:var(--background);color:var(--text-white);font-family:var(--font-family)}.background{position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:.5;z-index:-1;background-image:linear-gradient(90deg,#2f2f2f 1px,transparent 0),linear-gradient(180deg,#2f2f2f 1px,transparent 0);background-size:28px 28px;box-shadow:inset 0 0 100px 20px rgba(0,0,0,.9)}.background:after{content:"";position:absolute;inset:0;background:#000;will-change:opacity;animation:fadeOverlay .7s ease forwards}@keyframes fadeOverlay{0%{opacity:1}to{opacity:0}}a{color:inherit;text-decoration:none;transition:var(--transition)}@keyframes popupProjet{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.container{display:flex;justify-content:center;align-items:center;height:100vh}.container .content{width:96%;height:96%;display:flex;flex-direction:column;gap:1em}.container .content .head{height:60%;display:flex;gap:1em}.container .content .head .partOne,.container .content .head .partTwo{width:50%;height:100%;display:flex;flex-direction:column;gap:1em}.container .content .head .partTwo .profil{width:100%;height:calc(100% - 6em);display:flex;border-radius:var(--border-radius);gap:1em}.container .content .head .partTwo .profil .profilPicture{position:relative;width:42.1vh;height:100%;flex-shrink:0;opacity:0;overflow:hidden;animation:show 1s ease forwards;animation-delay:4.4s}.container .content .head .partTwo .profil .profilPicture img{width:100%;height:100%;object-fit:cover;border-radius:2.5vh}.container .content .head .partTwo .profil .profilPicture:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:var(--background);border-radius:2.5vh;animation:popup 1.3s ease forwards;animation-delay:4.4s}@keyframes popup{0%{height:100%}to{height:0}}@keyframes show{0%{opacity:0}to{opacity:1}}.container .content .head .partTwo .profil .otherInfos{width:100%;display:flex;flex-direction:column;gap:1em;opacity:0;animation:showInfo .5s ease forwards;animation-delay:5.4s}@keyframes showInfo{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.container .content .about{height:40%;display:flex;gap:1em}.container .content .about .projectsBox{width:60%;opacity:0;animation:showProjects .5s ease forwards;animation-delay:5.9s}.container .content .about .projectsBox .projects{width:100%;height:100%;display:flex;gap:.5em;overflow:hidden}.container .content .about .projectsBox .projects .project{width:100%;height:90%;cursor:pointer;position:relative;opacity:0;animation:popupProjet .7s cubic-bezier(.17,1.11,.52,1.45) forwards;animation-delay:calc(.2s*var(--index) + 6s);z-index:calc(2 - var(--index))}.container .content .about .projectsBox .projects .project img{border-radius:8px;transition:var(--transition);object-fit:cover}.container .content .about .projectsBox .projects .project h2{position:absolute;top:50%;transform:translateY(-50%);width:100%;font-size:1.5vw;text-align:center;font-weight:700;color:var(--text-white);opacity:0;transition:var(--transition)}.container .content .about .projectsBox .projects .project:hover img{filter:brightness(.8)}.container .content .about .projectsBox .projects .project:hover h2{opacity:1}.container .content .about .aboutBox{width:40%;opacity:0;animation:showAbout .5s ease forwards;animation-delay:6.6s}@keyframes showAbout{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width:1090px){.container{width:100vw;min-height:100dvh;align-items:flex-start;padding:1.5rem 0;overflow-y:scroll!important}.container .background{background-size:20px 20px}.container .content{width:92%;height:auto;gap:1rem}.container .content .about,.container .content .head,.container .content .otherInfos,.container .content .partTwo,.container .content .profil{width:100%!important;display:contents}.container .content .profilPicture,.container .content .statusBox{display:none}.container .content .otherInfos{animation-delay:.9s!important}.container .content .nameBox{order:1;opacity:0}.container .content .partOne{order:2;width:100%!important;height:auto;margin:0;min-height:0}.container .content .partOne .partOne_content{width:100%!important;height:auto;gap:.5em;padding:.5em}.container .content .partOne .partOne_content .partOne_content_text h1{font-size:1.5rem}.container .content .partOne .partOne_content .partOne_content_text p{font-size:.9rem}.container .content .projectsBox{order:3;width:100%!important;height:auto;animation-delay:4.5s!important}.container .content .projectsBox .projects{height:20vh;min-height:140px;gap:.5rem}.container .content .projectsBox .projects .project{flex:1 1;min-width:0;height:auto;aspect-ratio:3/4}.container .content .projectsBox .projects .project h2{font-size:1.05rem}.container .content .aboutBox{order:4;width:100%!important;height:auto;animation-delay:5s!important}.variable-proximity{font-size:1.75rem}}.variable-proximity{font-family:var(--font-family);font-size:3.5vw;cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes showProjects{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/abfec168c8990f67-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/3131c862d4942660-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/6a9c36ea9dc9b36b-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/e1694c6cb47c173f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Nunito_eef148;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/_next/static/media/ee40bb094c99a29a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Nunito_Fallback_eef148;src:local("Arial");ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.00%;size-adjust:101.39%}.__className_eef148{font-family:__Nunito_eef148,__Nunito_Fallback_eef148;font-style:normal}.__variable_eef148{--font-nunito:"__Nunito_eef148","__Nunito_Fallback_eef148"}