.home{flex-direction:column;justify-content:end;align-items:center;gap:30%;width:100vw;height:100vh;display:flex}.homeNav{flex-direction:column;align-self:center;gap:20px;display:flex}.homeNav h1{text-align:center;font-size:2rem}.homeNav h2:visited,.homeNav h2{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{margin:0}.homeLinks{flex-flow:wrap-reverse;align-items:end;gap:16px;display:flex}.Linkedin:hover{-webkit-text-decoration:underline var(--Linkedin);text-decoration:underline var(--Linkedin)}.Linkedin:hover *{color:var(--Linkedin)}.GitHub:hover{-webkit-text-decoration:underline var(--GitHub);text-decoration:underline var(--GitHub)}.GitHub:hover *{color:var(--GitHub)}.Dribbble:hover{-webkit-text-decoration:underline var(--Dribbble);text-decoration:underline var(--Dribbble)}.Dribbble:hover *{color:var(--Dribbble)}.YouTube:hover{-webkit-text-decoration:underline var(--YouTube);text-decoration:underline var(--YouTube)}.YouTube:hover *{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);z-index:0;flex-direction:row;justify-content:space-between;align-items:center;height:90px;padding:12px;display:flex;position:relative}.oneProject:before{content:"";z-index:-1;background-image:var(--backgroundImage);filter:brightness(.3);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0% 10%,#000 30% 70%,#0000 90% 100%);mask-image:linear-gradient(90deg,#0000 0% 10%,#000 30% 70%,#0000 90% 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.oneProject h1{white-space:nowrap;font-size:22px}.oneProject .ToolsIcons{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:15px}.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;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-flow:wrap;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}.popUpLinks{border-top:1px solid #ffffff26;flex-direction:column;align-items:start;gap:12px;padding-top:16px;display:flex}.popUpLinks p{opacity:.8;margin:0;font-size:20px}.popUpLinksIcons{flex-direction:row;align-items:start;gap:16px;display:flex}.popUpLinksIcons img{object-fit:contain;width:45px;height:45px;transition:transform .2s}.popUpLinksIcons img:hover{transform:scale(1.15)}@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{margin:0;font-size:18px}.skillDescBody p{margin:0;font-size:15px;overflow:hidden}.OneSkillDesc.is-open .skillDescBody{grid-template-rows:1fr}.OneSkillDesc.is-open .skillDescBody p{margin-top:8px}.projects .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){.projects .ctn-90{align-items:center;margin-top:12vh}.oneProject{width:90vw}}.oneTool{box-sizing:border-box;flex-direction:row;align-items:center;gap:0;width:100%;height:100%;padding:40px;display:flex}.oneToolLeft{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:16px;display:flex}.oneToolLeft img{object-fit:contain;width:120px;height:120px}.oneToolLeft h2{margin:0;font-size:28px}.oneToolLeft p{opacity:.8;margin:0}.oneToolLevel{border:1px solid #fff;border-radius:4px;padding:4px 12px;font-size:14px;opacity:1!important}.oneToolDivider{background-color:#fff;align-self:stretch;width:1px;margin:0 40px}.oneToolRight{scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-start;gap:8px;height:100%;padding-right:4px;display:flex;overflow-y:auto}.oneToolRight::-webkit-scrollbar{display:none}.oneToolRight h3{margin:0;font-size:18px}.oneToolProject{cursor:pointer;border:1px solid #ffffff4d;border-radius:4px;padding:8px 14px;transition:background-color .2s}.oneToolProject:hover{background-color:#ffffff14}.oneToolProject p{margin:0;font-size:14px}.oneToolEmpty{opacity:.5;font-size:14px}.oneTool .oneProject h1{margin:0;font-size:20px}.oneTool .oneProject{flex-direction:column;align-items:start;width:100%;height:90px}.oneTool .oneProject:hover{transform:scale(1)}.oneTool .oneProject .ToolsIcons{display:flex}@media (width<=768px){.oneTool{flex-direction:column;align-items:flex-start;padding:20px}.oneToolDivider{width:100%;height:1px;margin:20px 0}.oneToolRight{width:100%}.oneToolLeft img{width:80px;height:80px}.oneTool .oneProject h1{font-size:15px}.oneTool .oneProject{height:70px}}.toolsLanguages{box-sizing:border-box;flex-direction:column;height:92vh;margin-top:8vh;display:flex;overflow:hidden}.toolsContent{flex:1;display:flex;overflow:hidden}.toolsCarouselWrapper{box-sizing:border-box;background-color:#000000e6;border-top:1px solid #fff3;flex-shrink:0;align-items:center;gap:8px;height:100px;padding:16px 24px;display:flex}.toolsCarousel{scrollbar-width:none;flex:1;overflow-x:scroll}.toolsCarousel::-webkit-scrollbar{display:none}.toolsCarouselTrack{gap:12px;padding:0 50%;display:flex}.toolsCarouselSlide{cursor:pointer;border:1px solid #fff3;border-radius:4px;flex:0 0 64px;justify-content:center;align-items:center;height:64px;transition:border-color .2s;display:flex}.toolsCarouselSlide img{object-fit:contain;width:36px;height:36px}.toolsCarouselSlide p{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:11px;overflow:hidden}.toolsCarouselSlide.active{background-color:#ffffff14;border-color:#fff}.toolsCarouselSlide:hover{border-color:#fff9}.toolsCarouselBtn{cursor:pointer;background:0 0;border:1px solid #fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Helvetica,sans-serif;font-size:24px;display:flex}.toolsCarouselBtn:hover{background-color:#ffffff1a}@media (width<=768px){.oneTool{flex-direction:column;padding:20px}.oneToolDivider{width:100%;height:1px;margin:20px 0}.toolsCarouselSlide{flex:0 0 64px}}.OneSkill{border:1px solid var(--white);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;border-top:1px solid var(--white);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);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Helvetica;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;min-height:88vh;margin-top:12vh;display:flex}.about{box-sizing:border-box;height:92vh;overflow:hidden}.about .ctn-90{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;height:100%;display:flex}.ctn-90 div{max-height:100%}.aboutDivider{background-color:#fff;align-self:center;width:1px;height:70vh}.my_infos{flex-direction:column;align-items:center;gap:30px;width:15%;display:flex}.my_id{flex-direction:column;align-items:center;gap:20px;height:50%;padding:10px;display:flex}.my_id h2{margin:12px 0;font-size:1.4rem}.my_id>img{border-radius:100px;width:150px;height:150px}.links{flex-direction:column;gap:15px;display:flex}.CV{margin:0}.networks{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.school_work{flex-direction:column;gap:40px;width:40%;padding-left:1%;display:flex}.school_work h4{margin:0;font-size:1.2rem}.s_w{flex-direction:column;gap:20px;display:flex}.s_w_steps{border-left:2px solid var(--white);flex-direction:column;gap:10px;margin-left:20px;padding-left:20px;display:flex}.aboutMe{flex-direction:column;justify-content:space-around;gap:40px;width:30%;display:flex}@media (width<=768px){.about{height:auto;margin-top:8vh}.about .ctn-90{flex-direction:column;justify-content:space-around;align-items:center;gap:40px}.aboutDivider{display:none}.ctn-90 div{width:90%}.s_w_steps{border-left:1px solid var(--white);gap:10px;margin-left:10px;padding-left:10px}}:root{--white:#fff;--black:#020307;--blue1:#242a4a;--blue2:#364679;--Linkedin:#0e76a8;--GitHub:#7ce38b;--Dribbble:#ea4c89;--YouTube:#c4302b}*{box-sizing:border-box;color:var(--white);font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}body{margin:0;overflow-x:hidden}.app{width:100vw;min-height:100vh;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;background-color:#0006;justify-content:space-between;width:100vw;height:8vh;padding:20px 10vw 10px;display:flex;position:fixed;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){header{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4)}}header a,header a:visited{color:var(--white);font-size:19px;text-decoration:none}header a:hover{text-decoration:underline}header a:active{color:var(--black)}.ctn-90{margin:5%}h1,h2,h3,p{color:var(--white);margin:0}h1,h2,h3{text-transform:uppercase;font-family:Trajan,Cambria,Cochin,Georgia,Times,Times New Roman,serif}p{font-size:16px}@font-face{font-family:Trajan;src:url(/assets/Trajan%20Pro%20Bold-BqrE6oXJ.ttf)format("truetype")}@media (width<=768px){header{padding:20px 2vw 10px}header a{text-align:center;align-self:center;width:25%}}
