.home{flex-direction:column;justify-content:end;align-items:center;gap:40%;width:100vw;height:100vh;display:flex}.homeNav{flex-direction:column;align-self:center;gap:20px;display:flex}.homeNav h1{color:var(--white);text-align:center;font-size:2rem}.homeNav a:visited,.homeNav a{color:var(--white);text-align:center;font-size:1.3rem}.home a,.home p{cursor:pointer;text-decoration:none}a:hover,a:visited{text-decoration:underline}a:active{color:var(--blue2)}footer{z-index:1;box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:end;width:100%;padding-bottom:20px;padding-left:5%;padding-right:5%;display:flex;position:relative}footer p{color:var(--white);margin:0}.homeLinks{flex-flow:wrap-reverse;align-items:end;gap:16px;display:flex}.Linkedin:hover,.Linkedin:visited{-webkit-text-decoration:underline var(--Linkedin);text-decoration:underline var(--Linkedin)}.Linkedin:hover p{color:var(--Linkedin)}.GitHub:hover,.GitHub:visited{-webkit-text-decoration:underline var(--GitHub);text-decoration:underline var(--GitHub)}.GitHub:hover p{color:var(--GitHub)}.Dribbble:hover,.Dribbble:visited{-webkit-text-decoration:underline var(--Dribbble);text-decoration:underline var(--Dribbble)}.Dribbble:hover p{color:var(--Dribbble)}.YouTube:hover,.YouTube:visited{-webkit-text-decoration:underline var(--YouTube);text-decoration:underline var(--YouTube)}.YouTube:hover p{color:var(--YouTube)}.CV{text-align:center;margin-left:16px}.CV:hover{-webkit-text-decoration:underline var(--white);text-decoration:underline var(--white)}.oneProject{border:2px solid var(--white);flex-direction:row;justify-content:space-between;align-items:center;padding:12px;display:flex}.oneProject h1{white-space:nowrap;font-size:30px}.oneProject .ToolsIcons{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;gap:12px;height:100%;display:grid}.ToolsIcons img{height:24px}@media (width<=768px){.oneProject h1{margin:0;font-size:20px}.oneProject{flex-direction:column;align-items:start;height:80px}.oneProject .ToolsIcons{display:flex}}.background{z-index:1;cursor:pointer;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popUpProject{border:1px solid var(--white);z-index:2;background-color:#000000e6;flex-direction:column;gap:20px;width:80vw;height:80vh;padding:24px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 0 200px 100px #242a4acc}.popUpHeader{flex-direction:row;align-items:flex-start;gap:20px;display:flex}.popUpHeader>img{object-fit:cover;border-radius:4px;flex-shrink:0;width:520px;height:340px}.popUpHeaderInfo{flex-direction:column;gap:10px;display:flex}.popUpProject h1,.popUpHeaderInfo>p{margin:0}.ToolsProject{flex-direction:row;align-items:center;gap:12px;display:flex}.ToolsProject img{object-fit:contain;height:40px;margin-top:20px}.SkillDesc{flex-direction:column;align-self:center;align-items:center;gap:6px;width:80%;display:flex}@media (width<=768px){.popUpProject{gap:25px;width:95vw;height:80vh;padding:16px}.popUpHeader{flex-direction:column;align-items:center;gap:20px}.popUpHeaderInfo{align-self:start}.popUpHeader>img{width:100%;height:300px}.SkillDesc{width:100%}}.OneSkillDesc{border:2px solid var(--white);cursor:pointer;box-sizing:border-box;flex-direction:column;width:100%;padding:20px;display:flex}.skillDescBody{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.OneSkillDesc h3{color:var(--white);margin:0;font-size:14px}.skillDescBody p{margin:0;font-size:13px;overflow:hidden}.OneSkillDesc.is-open .skillDescBody{grid-template-rows:1fr}.OneSkillDesc.is-open .skillDescBody p{margin-top:8px}.ctn-90{flex-direction:column;gap:24px;display:flex;position:relative}.oneProject{cursor:pointer;width:65vw;transition:transform .3s}.oneProject:hover{transform:scale(1.05)}@media (width<=768px){.ctn-90{align-items:center}.oneProject{width:90vw}}.OneSkill{border:1px solid var(--white);color:#fff;border-radius:4px;width:80%;overflow:hidden}.skillTitre{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.skillTitre h2{margin:0;font-size:18px}.skillArrow{font-size:12px;transition:transform .3s;display:inline-block}.skillArrow.is-open{transform:rotate(180deg)}.skillBody{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.skillBody>*{overflow:hidden}.skillBody.is-open{grid-template-rows:1fr}.skillLevel{border-top:1px solid var(--white)}.skillLevelTitre{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.skillLevelTitre h3{margin:0;font-size:15px}.skillLearnings{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.skillLearnings>*{overflow:hidden}.skillLearnings.is-open{grid-template-rows:1fr}.skillLearnings p{opacity:.8;border-top:1px solid #ffffff1a;margin:0;padding:8px 18px 8px 28px;font-size:13px}.skillCarouselWrapper{border-bottom:1px solid #ffffff26;justify-content:center;align-items:center;gap:8px;padding:12px 18px;display:flex}.skillCarousel{flex:1;overflow:hidden}.skillCarouselTrack{display:flex}.skillCarouselSlide{flex:0 0 100%;justify-content:center;min-width:0;display:flex}.skillCarouselBtn{border:1px solid var(--white);color:var(--white);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;display:flex}.skillCarouselBtn:hover{background-color:#ffffff1a}.OneSkill .oneProject h1{margin:0;font-size:20px}.OneSkill .oneProject{flex-direction:column;align-items:start;height:80px}.OneSkill .oneProject:hover{transform:scale(1)}.OneSkill .oneProject .ToolsIcons{display:flex}@media (width<=768px){.OneSkill{width:95%}.skillCarouselWrapper{gap:4px;padding:10px 8px}.skillCarouselBtn{flex-shrink:0;width:24px;height:24px;font-size:18px}.skillTitre h2{font-size:14px}.skillLevelTitre h3{font-size:13px}.skillLearnings p{padding:6px 12px 6px 16px;font-size:12px}.OneSkill .oneProject h1{font-size:15px}.OneSkill .oneProject{height:70px}}.skills{flex-direction:column;align-items:center;gap:40px;margin-top:100px;display:flex}:root{--white:#fff;--black:#020307;--blue1:#242a4a;--blue2:#364679;--Linkedin:#0e76a8;--GitHub:#7ce38b;--Dribbble:#ea4c89;--YouTube:#c4302b}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.app{width:100vw;position:relative;overflow:hidden}.aurora-container{background-color:var(--black);z-index:0;width:100%;height:100vh;position:fixed;overflow:hidden}.aurora-container canvas{width:100%;height:100vh;display:block}main{z-index:1;width:100%;height:100%;position:relative}header{z-index:5;border-bottom:2px solid var(--white);box-sizing:border-box;-webkit-backdrop-filter:blur(12px)saturate(1.4);justify-content:space-between;width:100vw;padding:20px 10vw 10px;display:flex;position:fixed;top:0}header a,header a:visited{color:var(--white);text-decoration:none}header a:hover{text-decoration:underline}header a:active{color:var(--black)}.ctn-90{margin:5%}h1,p{color:var(--white)}@media (width<=768px){header{padding:20px 2vw 10px}header a{text-align:center;align-self:center;width:25%}}
