@import"https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,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}body,html{max-width:100vw;overflow:hidden}body{background-color:var(--background);color:var(--text-white);font-family:var(--font-family)}a{color:inherit;text-decoration:none;transition:var(--transition)}@keyframes popup{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{width:42.1vh;height:100%;flex-shrink:0}.container .content .head .partTwo .profil .profilPicture img{width:100%;height:100%;object-fit:cover;border-radius:2.5vh}.container .content .head .partTwo .profil .otherInfos{width:100%;display:flex;flex-direction:column;gap:1em}.container .content .about{height:40%;display:flex;gap:1em}.container .content .about .projects{width:100%;height:100%;display:flex;gap:.5em;overflow:hidden}.container .content .about .projects .project{width:100%;height:90%;cursor:pointer;position:relative;opacity:0;animation:popup .7s cubic-bezier(.17,1.11,.52,1.45) forwards;animation-delay:calc(.2s*var(--index) + 1.5s);z-index:calc(2 - var(--index))}.container .content .about .projects .project img{border-radius:8px;transition:var(--transition);object-fit:cover}.container .content .about .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 .projects .project:hover img{filter:brightness(.8)}.container .content .about .projects .project:hover h2{opacity:1}@media screen and (max-width:1090px){.container .content .head{flex-direction:column;position:relative}.container .content .head .partOne,.container .content .head .partTwo{width:100%}.container .content .head .partOne{margin-top:6em;min-height:50vh}.container .content .head .partTwo #pseudo{position:absolute;top:0}.container .content .head .partTwo .profil{flex-direction:column;padding-bottom:31em}.container .content .head .partTwo .profil .profilPicture{display:none}.container .content .head .partTwo .profil .otherInfos{width:100%;display:flex;flex-direction:column;align-items:center}.container .content .about{flex-direction:column;position:relative;margin-top:1.5em}.container .content .about #about{position:absolute;min-width:100%;height:10em}.container .content .about #projects_container{width:100%!important;position:absolute;top:11em}}.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}