.about-section{display:flex;justify-content:center;gap:5rem;width:70vw;margin:0 auto}.about-conteneur{width:32vw}.about-title{font-size:2rem;color:#0cf;letter-spacing:1px}.about-description{line-height:2.2;font-size:1rem;font-weight:600;letter-spacing:1px}.skills{font-size:2rem;color:#ff14ef;margin-left:2rem;letter-spacing:1px}.skills-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;height:20rem;width:20rem;list-style:none}.skills-icons li{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto}.skills-icons img{max-width:100%;max-height:100%;object-fit:contain}.divid{width:30%;height:3px;background-color:#1d1d1d;margin:4rem auto;border-radius:1px}#about{scroll-margin-top:250px}@media screen and (max-width: 768px){.about-section{display:flex;flex-direction:column;gap:1rem;width:100vw}.about-conteneur{width:100vw}.about-description{margin:1rem 2rem;line-height:1.6;font-size:.9rem}.about-title{text-align:center;margin:0 auto}.skills{text-align:center;margin:0 auto 2.5rem}.skills-icons{grid-template-columns:repeat(4,1fr);height:40vh;width:auto;margin:0 auto;gap:0rem}.skills-icons img{height:50px;width:auto;margin:0 auto}}.contact{font-size:2rem;color:#0cf;text-align:center;letter-spacing:1px}.contact-form{display:flex;flex-direction:column;gap:1.2rem;max-width:500px;margin:0 auto;padding:2rem;background-color:#ffffff0d;border-radius:20px;border:solid 1px #891ffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.4s}.contact-form:hover{box-shadow:0 0 20px #891ffa}.contact-form label{font-weight:600;letter-spacing:2px;font-size:1.1rem}.contact-form input,.contact-form textarea{padding:.8rem 1rem;border:1px solid transparent;border-radius:12px;background-color:#ffffff12;color:#fff;font-size:1rem;letter-spacing:2px;font-family:inherit;transition:.3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#891ffa;background-color:#ffffff1a;box-shadow:0 0 8px #891ffa}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{align-self:flex-start;color:#fff;font-weight:600;letter-spacing:1.2px;font-size:1.1rem;border:none;cursor:pointer;padding:.8rem 1.5rem;border-radius:8px;background:linear-gradient(to right,#2016b8,#bb00c3,#2016b8);background-size:200% 100%;background-position:0% 50%;transition:background-position 2s linear}.contact-form button:hover{background-position:200% 50%}.contact-section{margin-bottom:4rem}.icons-intro img{width:auto;height:35px;cursor:pointer}@media screen and (max-width: 768px){.contact-section{margin-bottom:3rem}.contact-form{gap:.8rem}.contact-form label{font-size:1rem}.contact-form textarea{resize:vertical;min-height:10px}.contact-form button{margin-top:1rem}}body{padding:0;margin:0;height:auto;background-color:#06000f;background-image:radial-gradient(circle at 40% 80%,#7348c166,#0000 50%),radial-gradient(circle at 70% 30%,#4632a04d,#0000 45%),radial-gradient(circle at 50% 50%,#1e003c40,#0000 60%),radial-gradient(circle at 20% 20%,#00193226,#0000 50%),radial-gradient(circle at 80% 70%,#000f231a,#0000 40%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;font-family:Poppins;color:#fff}@font-face{font-family:Poppins;src:url(/assets/Poppins-Light-bgRlIQFQ.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-BaFCsOL4.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-DTH7hWNJ.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.scroll-button{position:fixed;bottom:40px;right:60px;font-size:3.5rem;color:#fff;background-color:#0000;border:solid 1px rgba(0,0,0,0);transition:.3s opacity ease-in-out}.scroll-button:hover{color:#f700ff}@media screen and (max-width: 768px){.scroll-button{bottom:.8rem;right:.5rem}}.bloc-intro{display:flex;align-items:center;justify-content:center;height:100vh;gap:7%}.hello,.color-dev{letter-spacing:1.2px;font-size:2.9rem;font-weight:700;margin:0rem}.hello{color:#0cf;text-shadow:0 0 15px rgb(0,0,0)}.color-dev{color:#ff14ef;text-shadow:0 0 15px #FF14EF}.description{font-size:1.2rem;margin:3rem 0;letter-spacing:1.7px;text-shadow:0 0 15px rgb(0,0,0)}.button-projet{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:2px;padding:.8rem 1.2rem;border-radius:8px;z-index:1;border:3px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(#0c0c0c,#0c0c0c),linear-gradient(45deg,#2016b8,#ff14ef,#2016b8);background-size:200% 200%;background-position:center;transition:transform .3s ease;position:relative;overflow:hidden}.button-projet:hover{animation:rotate-gradient 1.5s linear infinite}@keyframes rotate-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.picture-intro{width:350px;height:350px;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:2px #bb00c3 solid;position:relative;box-shadow:0 0 10px #bb00c3;animation:pulse-glow 3s infinite ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #bb00c3}50%{box-shadow:0 0 50px #bb00c3}}.picture-intro img{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:transparent}.icons-intro{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.icons-intro img{width:auto;height:35px;cursor:pointer;transition:transform .3s ease}.icons-intro img:hover{transform:scale(1.3)}.divider{width:30%;height:3px;background-image:radial-gradient(circle at 40% 80%,#7348c166,#0000 50%),radial-gradient(circle at 70% 30%,#4632a04d,#0000 45%),radial-gradient(circle at 50% 50%,#1e003c40,#0000 60%),radial-gradient(circle at 20% 20%,#00193226,#0000 50%),radial-gradient(circle at 80% 70%,#000f231a,#0000 40%);margin:0 auto 5rem;border-radius:1px}@media screen and (max-width: 768px){.bloc-intro{flex-direction:column-reverse;gap:0}.picture-intro{width:200px;height:200px;margin:.5rem auto 0;border:1px #bb00c3 solid}.icons-intro{margin-bottom:1.5rem}.hello,.color-dev{font-size:1.7rem;text-align:center}.description{text-align:center;font-size:.9rem;margin:1.2rem 3rem}.button-projet{display:block;margin:0 auto}}.navbar{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;gap:100px;padding:2rem 0;background:radial-gradient(circle at 40% 80%,#7348c166,#0000 50%),radial-gradient(circle at 70% 30%,#4632a04d,#0000 45%),radial-gradient(circle at 50% 50%,#1e003c40,#0000 60%),radial-gradient(circle at 20% 20%,#00193226,#0000 50%),radial-gradient(circle at 80% 70%,#000f231a,#0000 40%),#06000f;background-attachment:fixed;background-size:cover;z-index:1000}.burger{display:none}.navbar button{color:#fff;background-color:transparent;font-size:1.1rem;letter-spacing:1.2px;border:transparent;font-weight:600;position:relative;overflow:hidden}.navbar button:not(.cv):after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background-color:#891ffa;transition:width .3s ease}.navbar button:not(.cv):hover:after{width:100%}.navbar .cv{color:#fff;text-decoration:none;font-weight:700;cursor:pointer;padding:.8rem 1.2rem;border-radius:8px;background:linear-gradient(to right,#2016b8,#bb00c3,#2016b8);background-size:200% 100%;background-position:0% 50%;transition:background-position 2s linear}.navbar .cv:hover{background-position:200% 50%}@keyframes slide-gradient-continuous{0%{background-position:0% 50%}to{background-position:200% 50%}}@media screen and (max-width: 768px){.navbar{display:none;padding-bottom:4rem;background:radial-gradient(circle at 40% 80%,#7348c166,#0000 50%),}nav.navbar.mobile{display:block}.navbar button:not(.cv):after{content:none}.burger{display:block;text-align:left;margin-left:2rem}.burger-icon{font-size:2rem;position:fixed;top:30px}.navbar.mobile .cv{position:fixed;top:20px;right:20px}.mobile-menu{display:flex;flex-direction:column;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .4s ease;background-color:#090419;position:fixed;top:80px;left:0;width:100%;gap:30px;padding:0;z-index:1500;pointer-events:none;animation:move-background 10s linear infinite}@keyframes move-background{0%{background-position:center center}to{background-position:50% 50%}}.mobile-menu.open{max-height:500px;padding:1rem 0;pointer-events:auto;transform:translateY(0);opacity:1}.navbar{flex-direction:column;gap:5px;text-align:center}}.projet{font-size:2rem;color:#0cf;text-align:center;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:4rem;margin:0 auto;max-width:1200px}.project-card{background-color:#0e0632;border:solid .2px #891ffa;border-radius:20px;padding:.5rem;text-align:center;width:100%;max-width:320px;height:100%;display:flex;flex-direction:column;justify-content:space-between;transition:.4s}.project-card:hover{box-shadow:0 0 20px #891ffa}.project-content{display:flex;flex-direction:column;align-items:flex-start;margin:0 1rem}.project-image{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:20px;margin:1rem 0}.project-title{text-align:left;color:#fff;font-size:1.4rem;margin:auto 1rem;font-weight:700}.project-description{text-align:left;font-size:1rem;color:#fff;margin:1rem;font-style:italic}.project-langages{display:inline-block;background:linear-gradient(to right,#891ffa,#140035);background-size:200%;background-position:left center;color:#fff;padding:.5rem .7rem;border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 1rem;transition:background-position .7s ease-out}.project-card:hover .project-langages{background-position:right center}.logo-github{height:40px;cursor:pointer;transition:transform .3s ease}.logo-github:hover{transform:scale(1.3)}.langages-github{display:flex;justify-content:space-between;align-items:center;margin:.5rem auto 1rem;width:calc(100% - 2rem)}.divid{width:30%;height:3px;background-image:radial-gradient(circle at 40% 80%,#7348c166,#0000 50%),radial-gradient(circle at 70% 30%,#4632a04d,#0000 45%),radial-gradient(circle at 50% 50%,#1e003c40,#0000 60%),radial-gradient(circle at 20% 20%,#00193226,#0000 50%),radial-gradient(circle at 80% 70%,#000f231a,#0000 40%);margin:5rem auto;border-radius:1px}.placeholder-card{display:flex;align-items:center;justify-content:center;background-color:#0e0632;border:2px dashed #891ffa;color:#fff;font-style:italic}@media screen and (max-width: 768px){.project-grid{justify-items:center}}