@font-face{font-family:"K2D-Regular";src:url(../font/K2D-Regular.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box;font-family:"K2D-Regular",sans-serif;animation:fadeIn 0.3s ease-in-out}body,html{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{display:none}header{background:radial-gradient(circle at top,#101930,#020617);overflow:hidden;height:72vh;position:relative;margin-top:-5px}header h1{font-size:1.5rem;color:#fff;padding-bottom:.5rem}header h2{font-size:1rem;color:#fff;padding-bottom:.5rem}header h3{font-size:1rem;color:#afafaf;margin-left:-6px;padding-bottom:.5rem}.header-main{gap:12px;display:flex;align-items:center;justify-content:space-evenly;padding:30px 10px 0 10px}.header-main .main-content{display:flex;flex-direction:column;gap:8px}.photo-corporate{border-radius:10px;width:160px;aspect-ratio:initial;transition:transform 0.2s ease-in-out}.photo-corporate:hover{transform:scale(1.05);transition:transform 0.2s ease-in-out}.socials{display:flex;flex-direction:row;width:fit-content;background-color:#1a2340;padding:5px 10px;border-radius:10px;gap:20px}.socials img,.socials .social-link{aspect-ratio:1/1;max-width:35px;max-height:35px;transition:transform 0.2s ease-in-out}.socials img:hover,.socials .social-link:hover{transform:scale(1.1);transition:transform 0.2s ease-in-out}.contact-me{display:flex;justify-content:center;padding:30px}.contact-me a{border-radius:.4rem;background:#ec4899;display:flex;justify-content:center;align-items:center;padding:.34375rem 1rem .5rem 1rem;width:fit-content;color:#fff;font-size:1rem;text-decoration:none;box-shadow:0 0 12px rgb(236 72 153 / .35);transition:all 0.2s ease-in-out}.contact-me a:hover{transition:all 0.2s ease-in-out;background-color:rgb(231.202970297,25.797029703,127.2475247525);box-shadow:0 0 20px rgb(236 72 153 / .5)}#popup{animation:fadeIn 0.3s ease-in-out;padding:10px;z-index:1000;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:410px;height:200px;background-color:#1a2340;border-radius:10px;box-shadow:0 10px 40px rgb(0 0 0 / .3)}#popup .popup-header{display:flex;justify-content:space-between;align-items:center}#popup .popup-header span{transition:transform 0.2s ease-in-out}#popup .popup-header span:hover{transform:scale(1.1);transition:transform 0.2s ease-in-out}#popup .popup-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:130px;gap:12px}#popup .popup-content span{display:flex;flex-direction:row;gap:12px}#popup .popup-content p{color:#fff;font-size:1.25rem}#popup .popup-content .email{font-size:1.25rem;text-decoration:none}#popup .popup-content .email:hover{text-decoration:underline}#popup .popup-content .copyButton{padding:5px 10px;color:#fff;background-color:#ec4899;border-radius:10px;outline:#ec4899}#popup .popup-content .copyButton:hover{background-color:rgb(231.202970297,25.797029703,127.2475247525)}.acessibility-features{z-index:100;position:fixed;right:1%;bottom:2%;padding:10px 18px;border-radius:50px;background-color:#253867}.acessibility-features select,.acessibility-features option{background-color:#253867;color:#fff;font-size:1em;border:#253867}.transition-svg{justify-self:end;position:absolute;bottom:0;transform:scaleX(1.4);width:100%;max-height:150px}.transition-svg .path3,.transition-svg .path2,.transition-svg .path1{animation:AnimateSvg 10s ease-in-out infinite}.transition-svg .path3{fill:#1a2340}.transition-svg .path2{fill:#141e38}.transition-svg .path1{fill:#0e1630}@keyframes AnimateSvg{0%{transform:translateX(60px)}50%{transform:translateX(-300px)}100%{transform:translateX(60px)}}@media (min-width:768px){header{height:85vh}header .header-main{padding:50px 10px 0 10px}header h1{font-size:2rem;color:#fff;padding-bottom:.5rem}header h2{font-size:1.5rem;color:#fff;padding-bottom:.5rem}header h3{font-size:1.5rem;color:#afafaf;margin-left:-6px;padding-bottom:.5rem}header .contact-me a{font-size:1.25rem}}@media (min-width:1024px){header{height:90vh;margin-top:-11px}header .photo-corporate{width:initial}header .transition-svg{height:210px}header .header-main{padding:50px 10px 0 10px;display:flex;justify-content:center;gap:10%}header h1{font-size:2.5rem;color:#fff;padding-bottom:.5rem}header h2{font-size:1.75rem;color:#fff;padding-bottom:.5rem}header h3{font-size:1.75rem;color:#afafaf;margin-left:-6px;padding-bottom:.5rem}header .contact-me a{font-size:1.25rem}.arrow{display:block;z-index:100;position:absolute;top:18%;left:50%;transform:translateX(-50%);animation:bounce 2s infinite}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}main{background-color:#1a2340;display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:30px}.projets,.about-me{width:100%;transition:all 1s}.projets h2,.about-me h2{background-color:#1a2340;z-index:9;color:#fff;font-size:1.7rem;text-align:center;padding:10px}.project-grid{display:grid;grid-template-rows:repeat(4,auto);gap:20px;justify-items:center;padding:10px}.projet{width:22.05381rem;height:23.52413rem;border-radius:.875rem;background:#0f172a;transition:transform 0.25s ease,box-shadow 0.25s ease}.projet:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .2)}.projet .project-img{border-radius:.875rem .875rem 0 0}.projet .projet-description{height:205px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;color:#fff}.projet .projet-description h3{font-size:1.5rem}.projet .projet-description p{font-size:.875rem;color:#9b91a6}.projet .projet-description .project-bottom{display:flex;justify-content:space-between}.projet .projet-description .project-bottom .used{display:flex;justify-content:flex-start;gap:10px;width:65%}.projet .projet-description .project-bottom .used .used-item{display:flex;padding:.21875rem .75rem .28125rem .75rem;align-items:center;align-self:stretch;background-color:#16213e;border-radius:1rem;font-size:.75rem}.projet .projet-description .project-bottom .project-link{display:flex;align-items:center;justify-content:center;color:#fff;gap:5px;text-decoration:none;padding:.34375rem 1rem .40625rem 1rem;border-radius:.375rem;border:1px solid rgb(0 0 0 / .08);background-color:#ec4899;transition:all 0.2s ease-in-out}.projet .projet-description .project-bottom .project-link .external-link{fill:#fff;max-width:13px;max-height:13px}.projet .projet-description .project-bottom .project-link:hover{transition:all 0.2s ease-in-out;background-color:rgb(231.202970297,25.797029703,127.2475247525);box-shadow:0 4px 8px rgb(236 72 153 / .2)}.responsive-about{display:flex;flex-direction:column;align-items:center;gap:30px}.about-container{display:flex;flex-direction:column;align-items:center;gap:30px}.about-container .profile{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:20px}.about-container .photo-corporate{border-radius:10px;width:160px;aspect-ratio:51/67}.about-container h3{font-size:1.5rem;color:#fff}.about-container .about-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.about-container .about-tags .tag p{background-color:#0b1120;color:#fff;padding:10px 10px;border-radius:10px;font-size:.94rem}.parcours{border-radius:.7rem;width:400px;background-color:#0b1120}.parcours h2{border-radius:.7rem;color:#fff;font-size:1.5rem;text-align:center;padding:10px;background-color:#0b1120}.parcours .parcours-list{padding:10px;display:flex;flex-direction:column;gap:16px}.parcours .parcours-list div .diplome{font-size:.9rem;color:#fff;display:flex;flex-direction:row;gap:8px}.parcours .parcours-list div .obtained,.parcours .parcours-list div .encours{padding:5px;border-radius:10px;background-color:#4ade80;font-size:.5rem;color:#fff;height:fit-content}.parcours .parcours-list div .encours{background-color:#fbbf24}.parcours .parcours-list div p{font-size:.7rem;color:#afafaf}footer{background-color:#0b1120;color:#fff;text-align:center;padding:20px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,353px);grid-template-rows:repeat(2,auto);gap:30px;justify-items:center;padding:20px;width:fit-content;margin:auto}.responsive-about{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:20px;width:750px;padding-top:20px;padding-bottom:20px}.responsive-about .profile{min-width:180px;padding:0}.responsive-about .about-tags{height:100%;gap:8px;width:400px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.responsive-about .about-tags .tag{width:100%;height:100%}.responsive-about .about-tags .tag p{width:100%;height:100%;display:flex;align-items:center}.responsive-about .about-tags :nth-child(1){grid-column:1/6}.responsive-about .about-tags :nth-child(2){grid-column:1/3;grid-row:2}.responsive-about .about-tags :nth-child(3){grid-row:2;grid-column:3/6}.responsive-about .about-tags :nth-child(4){grid-column:1/6}.responsive-about .about-tags :nth-child(5){grid-column:1/6}}@media (min-width:1024px){.responsive-about{display:grid;grid-template-columns:repeat(2,1fr)}.responsive-about h3{font-size:1rem}}