*{box-sizing:border-box;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{display:none}.heroBackground{z-index:998;background:radial-gradient(circle,#333 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.heroBackground canvas{z-index:998;width:100vw;height:100vh;display:block;top:0;left:0}.startBtn{color:#fff;z-index:999;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;letter-spacing:3px;font-family:Bebas Neue,sans-serif;font-size:max(5rem,10vw);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.startBtn:hover{cursor:pointer;filter:brightness(1.2);color:#ffff00af;transition:all 1s}.startBtn{opacity:0;pointer-events:none;cursor:default;transition:opacity .5s ease-in-out}.startBtn.visible{opacity:1;cursor:pointer;pointer-events:auto}.HomePage{z-index:1;background:radial-gradient(circle,#333 0%,#000 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:1rem;display:flex;position:relative}.homePageleft{justify-content:center;align-items:center;width:80vw;min-width:400px;max-width:40rem;height:80vw;max-height:40rem;display:flex;position:relative;overflow:hidden}.moon{z-index:1;filter:brightness(1.3)drop-shadow(0 0 10px #fff);animation:.5s linear forwards appear;display:block;width:100%!important;height:100%!important}.explication{padding:2rem;animation:.5s linear .1s forwards appear;top:0;overflow:hidden}.explication p{color:#f0f8ff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;flex-direction:column;height:fit-content;margin-bottom:2rem;font-family:DM Sans,sans-serif;font-size:1.5rem;display:flex}.explication span{color:gold;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3rem;font-style:italic;font-weight:900}.explicationButtons{justify-content:flex-end;align-items:center;gap:15px;display:flex}.explicationButtons a{color:#000;background-color:#f0f8ff;border-radius:5px;justify-content:center;align-items:center;width:10rem;height:3rem;padding:1rem;font-family:DM Sans,sans-serif;font-size:1.2rem;text-decoration:none;display:flex;overflow:hidden}.explicationButtons a:first-child{color:#000;background-color:gold}.explicationButtons a:first-child:hover{background-color:#ffd90043;transition:all .5s}.explicationButtons a:visited{color:#000;text-decoration:none}.explicationButtons a:nth-child(2):hover{background-color:#f0f8ff60;transition:all .5s}.heroSocial{justify-content:flex-end;gap:10px;margin-top:15px;display:flex}.heroSocial img{filter:grayscale();width:2.5rem;height:2.5rem}.heroSocial img:hover{filter:grayscale(0%)brightness(1.4);cursor:pointer;transition:all .3s}@keyframes appear{0%{opacity:0;transform:translateY(75px)}to{opacity:1;transform:translateY(0)}}@media screen and (width<=1060px){.HomePage{flex-direction:column;display:flex}.homePageleft{width:90vw;min-width:800px;max-width:40rem;height:fit-content;max-height:40rem;overflow:hidden}}@media screen and (width<=560px){.explicationButtons a{width:7rem;height:2.2rem;font-size:1rem}.explication p{font-size:1.2rem}.explication span{font-size:2rem}.heroSocial img{filter:grayscale();width:2rem;height:2rem}}*{box-sizing:border-box;margin:0;padding:0}.AboutPage{z-index:2;background:radial-gradient(circle,#333 0%,#8e0707 100%);flex-direction:row;justify-content:center;align-items:center;width:100vw;height:fit-content;min-height:100vh;padding:0 5rem;display:flex;position:relative;overflow:hidden}.behemothPlaceHolder{flex-shrink:0;justify-content:center;align-items:center;width:50rem;height:50rem;animation:linear slide;animation-timeline:scroll(y);display:flex;position:relative}.behemoth{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%!important;height:100%!important}.behemoth:hover{cursor:pointer}.text{color:#f0f8ff;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;max-width:50%}.text p{font-family:Bebas Neue,sans-serif;font-size:1.8rem;line-height:1.3}.text h2{color:gold;margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:5rem}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (width<=1700px){.behemothPlaceHolder{width:40rem;height:40rem}.text{flex-grow:0;width:100%}.text p{width:100%;font-size:1.6rem}.text h2{font-size:4rem}}@media screen and (width<=1200px){.AboutPage{flex-direction:column;justify-content:center;align-items:center;padding:0 0 3rem}.behemothPlaceHolder{width:20rem;height:20rem;margin-top:50px}.behemoth{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%!important;height:100%!important}.text{color:#f0f8ff;flex:1;max-width:60%}.text p{text-align:center;font-size:1.2rem}.text h2{text-align:center;font-size:3rem}}@media screen and (width<=800px){.text{max-width:80%}}.project{background:radial-gradient(circle,#333 0%,#78e2db 100%);flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;width:100vw;height:fit-content;min-height:100vh;padding:0 1rem;display:flex;position:relative;overflow-x:scroll!important}.projectCarte{background-color:#f0f8ff;border-radius:5px;flex-shrink:0;width:17rem;height:22rem;transition:all 1s;overflow:hidden;box-shadow:1px 1px 10px #000}.projectImg{object-fit:cover;width:100%;height:70%}.projectText{flex-direction:column;gap:5px;height:30%;margin-top:10px;padding:0 1rem;display:flex}.projectName{font-family:Inter,sans-serif;font-size:1.1rem;font-weight:400}.projectTech{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700}.backside{flex-direction:column;justify-content:flex-start;align-items:center;gap:15px;width:100%;height:100%;padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.projectCarte:hover{cursor:pointer;animation:1s ease-in-out forwards rotate}.checkButton{color:#000;background-color:gold;border-radius:5px;justify-content:center;align-items:center;width:8rem;height:3rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700;text-decoration:none;display:flex;box-shadow:1px 1px 10px gray}@keyframes rotate{30%{transform:rotateY(90deg)}60%{transform:rotateY(0)}}.projectCarte:hover .projectImg,.projectCarte:hover .projectText,.projectCarte:hover .projectName,.projectCarte:hover .projectTech{display:none}.projectCarte:nth-child(4){background-color:#f0f8ff;border-radius:5px;flex-shrink:0;width:25rem;height:30rem;overflow:hidden;box-shadow:1px 1px 10px #000}.projectCarte:nth-child(4) .projectName{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:400}.projectCarte:nth-child(4) .projectTech{font-family:Inter,sans-serif;font-size:.9rem;font-weight:700}@media screen and (width<=520px){.projectCarte{background-color:#f0f8ff;border-radius:5px;flex-shrink:0;width:75%;height:25rem;transition:all 1s;overflow:hidden;box-shadow:1px 1px 10px #000}.projectCarte:nth-child(4){background-color:#f0f8ff;border-radius:5px;flex-shrink:0;width:95%;height:25rem;transition:all 1s;overflow:hidden;box-shadow:1px 1px 10px #000}}.hireMe{background:radial-gradient(circle,#333 0%,#c5c5c5 100%);align-items:center;width:100vw;height:fit-content;min-height:100vh;padding:1rem;display:flex;position:relative}.center{flex-direction:row;justify-content:center;gap:5rem;width:100%;height:100%;margin-top:2rem;display:flex}.hireMe form{flex-direction:column;justify-content:center;gap:15px;font-family:Inter,sans-serif;display:flex}.hireMe h2{color:gold;margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:8rem}.contactText{color:#f5f5f5;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;width:40%;font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:1.3}.columner{flex-direction:column;gap:5px;display:flex}.double{flex-flow:row;gap:10px;display:flex}form input{border-radius:5px;width:20rem;height:3rem;padding:1rem}.mailInput{width:100%}form textarea{border-radius:5px;align-self:center;width:100%;height:3rem;padding:1rem;height:20rem!important}.hireMe label{color:gold;letter-spacing:2px;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;font-family:Bebas Neue,sans-serif;font-size:1.2rem;font-weight:500}.hireMe button{letter-spacing:2px;background-color:gold;border-radius:5px;place-content:center;width:100%;padding:1rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem;font-weight:600;display:flex}.hireMe button:hover{cursor:pointer;background-color:#a99003bc;transition:all .5s}@media screen and (width<=1350px){.center{flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;margin-top:4rem}.hireMe h2{text-align:center;margin-bottom:.2rem;font-size:4rem}.contactText{text-align:center;color:#f5f5f5;text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000;width:80%;font-family:Bebas Neue,sans-serif;font-size:1.5rem;line-height:1.3}.columner{flex-direction:column;gap:5px;display:flex}form input{border-radius:5px;width:15rem;height:2.7rem;padding:1rem}.mailInput{width:100%}form textarea{border-radius:5px;align-self:center;width:100%;height:3rem;padding:1rem;height:15rem!important}.hireMe label{color:#f0f8ff;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:700}.hireMe button{background-color:gold;border-radius:5px;place-content:center;width:100%;padding:1rem;font-size:1.5rem;display:flex}}@media screen and (width<=570px){.center{margin-top:4rem!important}.hireMe h2{text-align:center;margin-bottom:.2rem;font-size:3rem}.contactText{color:#f5f5f5;width:90%;font-family:Bebas Neue,sans-serif;font-size:1.5rem;line-height:1.3}.columner{flex-direction:column;gap:5px;display:flex}form input{border-radius:5px;width:10rem;height:3rem;padding:1rem}.mailInput{width:100%}form textarea{border-radius:5px;align-self:center;width:100%;height:3rem;padding:1rem;height:13rem!important}.hireMe label{color:gold;margin-left:5px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700}.hireMe button{background-color:gold;border-radius:5px;place-content:center;width:100%;padding:.7rem;font-size:1.2rem;font-weight:200;display:flex}}@media screen and (width<=370px){.center{margin-top:4rem!important}.hireMe h2{text-align:center;margin-bottom:.2rem;font-size:3rem}.contactText{color:#f5f5f5;width:90%;font-family:Bebas Neue,sans-serif;font-size:1.4rem;line-height:1.2}.columner{flex-direction:column;gap:5px;display:flex}form input{border-radius:5px;width:8.6rem;height:2.5rem;padding:1rem}.mailInput{width:100%}form textarea{border-radius:5px;align-self:center;width:100%;height:3rem;padding:1rem;height:10rem!important}.hireMe label{margin-left:5px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700}.hireMe button{background-color:gold;border-radius:5px;place-content:center;width:100%;padding:.7rem;font-size:1.2rem;font-weight:200;display:flex}}.header{z-index:999;color:#f0f8ff;background-color:#0000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:fit-content;padding:1rem 3rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.header h1{color:#f0f8ff;letter-spacing:3px;font-family:Bungee Shade,sans-serif;font-size:2.5rem;animation:.5s linear .2s forwards appear}.titleHeader{color:#f0f8ff;text-decoration:none}.titleHeader:visited{color:#f0f8ff}.titleHeader:hover{color:gold;transition:all .5s}.navs{flex-direction:row;gap:2rem;display:flex;overflow:hidden}.navs a{color:#f0f8ff;font-family:Comic Neue,cursive;font-weight:700;text-decoration:none;animation:.5s linear forwards appear;overflow:hidden}.navs a:visited{color:#f0f8ff;text-decoration:none}.navs a:hover{color:gold;transition:all .5s linear}.containerSpan{z-index:1000;width:30px;height:30px;display:none;position:relative}.containerSpan:hover{cursor:pointer}.containerSpan:hover .line{background-color:gold}.line{background-color:#f0f8ff;border-radius:5px;width:100%;height:5px;transition:all .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.headerSide{z-index:999;background-color:#33333338;flex-direction:column;width:20%;min-width:250px;height:100%;padding:4rem 0;transition:all 1s linear;display:flex;position:fixed;top:0;left:-100rem}.showYourSelf{transition:all .5s;left:0!important}.headerSide a{color:#f0f8ff;justify-content:flex-start;align-items:center;width:100%;padding:1.5rem 2rem;font-family:Comic Neue,cursive;font-weight:700;text-decoration:none;display:flex}.headerSide a:visited{color:#f0f8ff;text-decoration:none}.headerSide a:hover{color:gold;background-color:#3333338b;transition:all .5s}.line:nth-child(2){top:25%}.line:nth-child(3){top:75%}.clicked .line:nth-child(2){opacity:0}.clicked .line:first-child{transition:all .5s;top:50%;transform:translate(-50%,-50%)rotate(-45deg)!important}.clicked .line:nth-child(3){transition:all .5s;top:50%;transform:translate(-50%,-50%)rotate(45deg)!important}@media screen and (width<=1060px){.containerSpan{display:block}.header h1{font-size:2rem}.navs a{display:none}}.skillsPage{z-index:3;background:radial-gradient(circle,#333 0%,#2e0854 100%);flex-direction:column;align-items:center;width:100vw;height:fit-content;min-height:100vh;display:flex;position:relative}.idk{width:100%;margin-top:8rem;padding:0 5rem;overflow:hidden}.box{background-color:#f0f8ff;border-radius:5px;justify-content:center;align-items:center;width:7rem;height:7rem;margin:0 1rem;display:flex;position:relative;box-shadow:0 1px 1px #0000001c,0 2px 2px #0000001c,0 4px 4px #0000001c,0 8px 8px #0000001c,0 16px 16px #0000001c,0 32px 32px #0000001c}.box img{width:100%;height:100%;position:absolute}.slider1{width:max-content;animation:30s linear infinite slide;display:flex}.slider1:hover{animation-play-state:paused}.skillTitle{color:#f0f8ff;text-align:center;margin-top:2.5rem;font-family:Lato,sans-serif;font-size:2.5rem;font-style:normal;font-weight:900}.skillname{color:#f0f8ff;text-align:left;width:150px;margin-bottom:5px;font-family:Inter,sans-serif;font-size:1.2rem;display:inline-block}.allSkills{flex-wrap:wrap;justify-content:center;gap:3rem;width:90%;max-width:1200px;margin:3rem auto 0;display:flex}.skill-item{align-items:center;width:300px;display:flex}.bars{border-radius:5px;width:10rem;height:.7rem;position:relative}.barWhite{background-color:#f0f8ff;width:100%;height:100%;position:absolute;top:0;left:0}.barMastery{background-color:#f0f8ff;height:100%;position:absolute;top:0;left:0}.efect{z-index:99;background-color:gold;width:100%;height:100%;animation:none;position:absolute;top:0;left:0}.efect.animate{animation:2s forwards barAnimation}@keyframes barAnimation{0%{left:-100%}to{left:0}}@media screen and (width<=750px){.allSkills{grid-template-columns:1fr 1fr}.skillsPage{padding-bottom:4rem}}@media screen and (width<=450px){.bars{border-radius:5px;width:7rem;height:.7rem;position:relative}}.Education{background:radial-gradient(circle,#333 0%,#229e68 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100vw;height:fit-content;min-height:100vh;display:flex;position:relative}.Education h2{color:#f0f8ff;margin-bottom:3rem;font-family:Lato,sans-serif;font-size:3rem;font-weight:700}.educationCarte{background-color:#f0f8ff92;border-radius:5px;flex-direction:column;justify-content:center;gap:5px;width:50rem;height:7rem;padding:0 2rem;display:flex;box-shadow:1px 1px 10px #000}.educationName{font-family:Iosevka Charon,monospace;font-size:1.2rem;font-style:italic;font-weight:900}.sideName{margin-left:10px;font-family:Iosevka Charon,monospace;font-size:.9rem;font-weight:500}@media screen and (width<=870px){.Education h2{font-size:2rem}.educationCarte{width:80%}.educationName{font-size:1rem!important}.sideName{font-size:.7rem!important}}@media screen and (width<=520px){.Education h2{margin-bottom:1rem;font-size:1.7rem}.educationCarte{width:80%;height:8rem}.educationName{font-size:1rem!important}.sideName{font-size:.8rem!important}}footer{color:#f0f8ff;text-align:center;background-color:#333;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:fit-content;padding:2rem;font-family:Comic Neue,cursive;font-weight:700;display:flex}.footerSocial{justify-content:center;gap:10px;margin-top:15px;display:flex}.footerSocial img{width:2.5rem;height:2.5rem}.footerSocial img:hover{filter:brightness(1.4);cursor:pointer;transition:all .3s}