body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{align-items:center;background-color:#2c2c2c;display:flex;height:60px;justify-content:space-between;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.logoImg{height:100px}.link{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8c01fc,#ce1eee);-webkit-background-clip:text;font-weight:700;padding:15px;text-decoration:none}.link:hover{color:purple;cursor:pointer;font-size:large;transition:.5ms}.home{align-items:center;display:flex;height:100%;justify-content:space-between;padding:150px 200px 100px}.profil{border:4px solid #8c01fc;border-radius:50%;box-shadow:0 0 20px rgba(131,70,229,.919);height:400px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:400px}.profil:hover{box-shadow:0 0 25px rgba(131,70,229,.919);transform:scale(1.08)}.name{margin-left:25px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#8c01fc,#ce1eee);-webkit-background-clip:text;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:2.5rem;font-weight:700}.getProject{background-color:#ce1eee;transition:transform .3s ease,box-shadow .5s ease}.getProject,.myResume{border:2px solid #ce1eee;border-radius:5px;color:#eae3ee;font-size:large;height:45px;padding:10px 20px;width:170px}.myResume{background-color:initial;box-shadow:0 0 2px rgba(220,220,228,.919);margin-left:20px;transition:transform .5s ease,box-shadow .5s ease}button:hover{box-shadow:0 0 4px rgba(220,220,228,.919);transform:scale(1.1)}.about{color:#fff;padding:120px 20px}.about h1{font-size:46px;font-weight:600;margin-bottom:70px;text-align:center}.about-container{grid-gap:100px;align-items:center;display:grid;gap:100px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1100px}.about-left{display:flex;flex-direction:column;justify-content:center}.about-left h2{font-size:28px;margin-bottom:20px}.about-left p{color:#ffffffb3;font-size:17px;line-height:1.9;max-width:450px}.about-right{display:flex;flex-direction:column;justify-content:center}.label{color:#ffffff80;display:block;font-size:13px;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.icons-row{display:flex;flex-wrap:wrap;gap:28px;margin-bottom:40px}.skill-item{align-items:center;display:flex;flex-direction:column;gap:6px}.skill-item img{filter:grayscale(25%);height:42px;object-fit:contain;opacity:.85;transition:.3s ease;width:42px}.skill-item p{color:#fff9;font-size:12px;letter-spacing:1px;transition:.3s ease}.skill-item:hover img{filter:grayscale(0);opacity:1;transform:translateY(-6px) scale(1.1)}.skill-item:hover p{color:#fff}@media (max-width:768px){.about-container{gap:60px;grid-template-columns:1fr;text-align:center}.about-left p{max-width:100%}.icons-row{justify-content:center}}.linkProject{background-color:#f0f8ff;border-radius:10px;box-shadow:0 0 10px #acaaaae6;height:400px;margin:50px 20px 35px 0;transition:transform .5s ease,box-shadow .3s ease;width:500px}.linkProject:hover{box-shadow:0 0 15px #acaaaae6;cursor:pointer;transform:scale(1.05)}.projectImg{height:100%;width:100%}.projects{color:#f5f5f5;padding:80px 20px;text-align:center}.projectDiv h1{color:#a020f0;font-size:3rem;margin-bottom:10px}.subtitle{color:#bdbdbd;font-size:1.1rem;margin-bottom:50px}.projectsGrid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);padding:0 100px}.projectCard{background:#38383d;border:1px solid #a020f040;border-radius:18px;box-shadow:0 8px 25px #00000059;overflow:hidden;transition:all .35s ease}.projectCard:hover{border-color:#a020f0;box-shadow:0 0 25px #a020f066;transform:translateY(-10px)}.projectCard img{height:220px;object-fit:cover;width:100%}.projectCard h3{color:#fff;font-size:1.6rem;margin:20px 0 10px}.desc{color:#c7c7c7;font-size:.95rem;line-height:1.6;padding:0 20px}.buttons{display:flex;gap:12px;justify-content:center;padding:25px 20px}.caseStudy{background:linear-gradient(135deg,#8a2be2,#a020f0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:.3s}.caseStudy:hover{box-shadow:0 0 15px #a020f080;transform:translateY(-2px)}.viewCode{background:#0000;border:1px solid #a020f0;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:12px 22px;transition:.3s}.viewCode:hover{background:#a020f026;box-shadow:0 0 12px #a020f04d}@media (max-width:1200px){.projectsGrid{grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width:768px){.projectsGrid{grid-template-columns:1fr;padding:0 20px}.projectDiv h1{font-size:2.2rem}.projectCard img{height:200px}}.contact{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.contact h1{color:#a020f0;font-size:40px;margin-bottom:40px;text-align:center}.contenu{align-items:center;background:#38383d;border:1px solid #a020f040;border-radius:20px;box-shadow:0 10px 30px #0006;display:flex;gap:60px;justify-content:space-between;max-width:1000px;padding:40px;transition:.3s;width:100%}.contenu:hover{border-color:#a020f0;box-shadow:0 0 25px #a020f040}.contenu div:first-child{display:flex;flex:1 1;flex-direction:column}.contenu h3{color:#c056ff;font-size:24px;margin-bottom:20px}.contenu p{color:#c7c7c7;font-size:14px;margin:10px 0 5px}.contenu input,.contenu textarea{background:#2b2b30;border:1px solid #0000;border-radius:10px;color:#fff;margin-bottom:15px;outline:none;padding:12px 15px;transition:.3s}.contenu input:focus,.contenu textarea:focus{border-color:#a020f0;box-shadow:0 0 10px #a020f04d}button{background:linear-gradient(135deg,#8a2be2,#a020f0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:14px;transition:.3s}button:hover{box-shadow:0 0 18px #a020f080;transform:translateY(-2px)}.contenu img{border:1px solid #a020f040;border-radius:20px;box-shadow:0 10px 20px #00000080;max-width:100%;object-fit:cover;width:280px}@media (max-width:768px){.contenu{flex-direction:column;padding:30px 20px;text-align:center}.contenu img{width:220px}.contact h1{font-size:32px}}
/*# sourceMappingURL=main.9284f0d8.css.map*/