body{background-color:#1e1e1e;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.wrapper{display:flex;flex-direction:column;min-height:100vh}li{list-style:none}.footer-site{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:20px;font-size:.9em;margin-top:25px}.footer-site p{margin:0}.footer-site p a{margin-left:5px}.footer-site .linkedin-profile{color:#4caf0d;text-decoration:none}.footer-site .linkedin-profile:hover{text-decoration:underline}.active{color:#4caf0d}.menu-toggle{display:none;background-color:#4caf0d;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer}header{background-color:#000;display:flex;justify-content:space-between;align-items:center;padding:10px 25px}header nav li{margin-left:25px;font-weight:700}header a{text-decoration:none;color:#fff}header nav ul{display:flex}.button-contact{background-color:#4caf0d;font-weight:700;margin-right:55px;padding:10px 16px;border-radius:2px}.button-contact:hover{background-color:#45a105}.outlet-container{margin-left:auto;margin-right:auto;max-width:1040px;width:100%;padding-left:20px;padding-right:20px;box-sizing:border-box;flex:1}.title-page{text-transform:uppercase;font-size:2.8em;margin-top:40px;margin-bottom:40px;color:#4caf0d;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.separator{height:2px;width:100%;margin-bottom:25px;border:none;background-color:#4caf0d}.content-home{display:flex;flex-direction:column;color:#fff}.content-home #img-profile{border-radius:50%;border:#4CAF0D solid 3px;width:200px;height:200px;object-fit:cover;object-position:0% 10%;flex-shrink:0}.img-content{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.title-text-container{max-width:600px;text-align:left}.title-text-container h1{font-size:2em;color:#fff;margin-bottom:20px}.title-text-container p{font-size:1.1em;line-height:1.6;color:#ccc;margin-bottom:15px}.social-links{margin-top:20px;display:flex;justify-content:center;gap:15px}.social-icon{width:40px;height:40px;filter:invert(44%) sepia(78%) saturate(523%) hue-rotate(71deg) brightness(89%) contrast(92%)}.flex-imgProfile-socials{display:flex;flex-direction:column}.skills-container{display:flex;flex-wrap:wrap;gap:20px}.skill{background-color:#2c2c2c;border-radius:5px;padding:15px;box-shadow:0 4px 10px #0000001a;flex:1 1 calc(30% - 20px)}.skill h2{color:#4caf0d;margin-bottom:5px}.skill p{color:#ccc}.content-projects{display:flex;flex-direction:column}.projects-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.project-card{background-color:#2c2c2c;border-radius:5px;padding:20px;box-shadow:0 4px 10px #0000001a;flex:1 1 calc(30% - 20px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}.project-image{width:100%;height:180px;object-fit:cover;border-radius:5px;margin-bottom:15px}.project-image-detail{width:400px;height:180px;object-fit:cover;border-radius:5px;margin-bottom:15px}.project-card h2{color:#4caf0d;margin-bottom:10px}.project-card p{color:#fff;margin-bottom:15px}.project-link{color:#4caf0d;text-decoration:none;font-weight:700;padding:8px 12px;border:1px solid #4CAF0D;border-radius:3px;text-align:center;display:inline-block;transition:background-color .3s,color .3s}.project-link:hover{background-color:#4caf0d;color:#fff}.project-details h1{color:#4caf0d}.project-details{color:#fff;padding:20px;max-width:800px;margin:auto}.flex-container-project{display:flex;gap:20px}.flex-container-project p{margin:0;color:#ccc}.project-description{flex:2;color:#ccc;line-height:1.6}.languages-container{margin-top:20px;color:#fff}.languages-container h2{color:#4caf0d;margin-bottom:10px}.languages-container ul{list-style-type:disc;padding-left:20px}.languages-container ul{padding-left:20px;display:flex;flex-wrap:wrap;gap:10px}.languages-container li{background-color:#333;border-radius:5px;padding:8px 15px;color:#4caf0d;font-weight:700;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,background-color .3s ease}.languages-container li:hover{background-color:#4caf0d;color:#fff}.video-container{margin-top:20px}.video-container h2{color:#4caf0d}.video-container video{max-width:100%;border-radius:5px}.error-message{color:#ff4d4d;background-color:#ff4d4d1a;border:1px solid #FF4D4D;border-radius:3px;padding:10px;margin-bottom:20px;font-size:14px}.sucess-message{color:#4caf0d;background-color:#4caf0d1a;border:1px solid #4CAF0D;border-radius:3px;padding:10px;margin-bottom:20px;font-size:14px;text-align:center;box-shadow:0 4px 8px #0003}.form-contact{display:flex;flex-direction:column}.box-contact{background-color:#2c2c2c;margin-top:55px;padding:20px;border-radius:5px;max-width:600px;margin-left:auto;margin-right:auto;box-shadow:0 4px 10px #0000001a}.box-contact h1{color:#4caf0d;text-transform:uppercase;text-align:center;margin-bottom:20px}.form-contact label{margin-bottom:5px;color:#fff}.form-contact input[type=text],.form-contact input[type=email]{margin-bottom:20px}.form-contact input[type=text],.form-contact input[type=email],.form-contact textarea{background-color:#333;border:1px solid #4CAF0D;border-radius:3px;padding:10px;color:#fff;max-width:100%;box-sizing:border-box}.form-contact textarea{min-height:150px;margin-bottom:0}.form-contact input::placeholder,.form-contact textarea::placeholder{color:#888}.button-submit{background-color:#4caf0d;color:#fff;padding:10px 20px;border:none;border-radius:3px;cursor:pointer;font-size:16px;font-weight:700;text-transform:uppercase}.button-submit:hover{background-color:#45a105}.message-container{max-width:100%;display:flex;flex-direction:column}.message-container .nb-char{align-self:flex-end}.message-container .nb-char{font-size:14px;font-weight:700;color:#4caf0d;background-color:#4caf0d1a;padding:5px 10px;border-radius:3px;border:1px solid #4CAF0D;box-shadow:0 2px 5px #0003;transition:color .3s ease,background-color .3s ease}.message-container .nb-char.exceeded{color:#ff4d4d;background-color:#ff4d4d1a;border:1px solid #FF4D4D}.not-found{min-height:100vh;text-align:center}.not-found h2{font-size:3rem;color:#ff4d4d;font-weight:700;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.not-found p{font-size:1.2rem;color:#ccc;line-height:1.6;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}.not-found a{font-size:1.2rem;color:#4caf0d;text-decoration:none;padding:12px 25px;border:2px solid #4CAF0D;border-radius:5px;margin-top:20px;transition:background-color .3s,color .3s}.not-found a:hover{background-color:#4caf0d;color:#fff}@media (max-width: 768px){.box-contact{padding:15px}.button-submit{padding:12px}.img-content{flex-direction:column;align-items:center;gap:20px}.title-text-container{text-align:center}.skill,.project-card{flex:1 1 calc(100% - 20px)}header{flex-direction:column;align-items:start}header nav li{margin:0}header nav ul{flex-direction:column;width:100%;padding:0}.flex-container-project{flex-direction:column}}@media (max-width : 460px){.project-image-detail{width:100%}}@media (max-width: 1024px){.skill,.project-card{flex:1 1 calc(45% - 20px)}}