body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.header{align-items:center;background-color:#d42b2b;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.header-left h1{font-size:1.5em;margin:0}.header-left a{color:azure;text-decoration:none}.header-right ul{display:flex;gap:15px;list-style:none;margin:0;padding:0}.header-right ul li{margin:0}.header-right ul li a{color:#fff;font-size:1em;text-decoration:none;transition:color .3s ease}.header-right ul li a:hover{color:#211e1e}.home{background-color:#f4f4f4;justify-content:center;min-height:80vh;padding:20px}.home,.home-container{align-items:center;display:flex}.home-container{flex-direction:row;gap:20px;justify-content:space-between;max-width:1200px;width:100%}.home-description{flex:1 1;padding:20px}.home-description h1{color:#d42b2b;font-size:2.5em;margin-bottom:10px}.home-description p{color:#555;font-size:1.2em;line-height:1.6;margin-bottom:20px}.cta-button{background-color:#d42b2b;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1em;margin-bottom:10px;padding:10px 20px;text-decoration:none}.cta-button:hover{background-color:#a52626}.cta-button a{color:#fff;text-decoration:none}.cv-button{background-color:#4caf50;margin-right:10px}.cv-button:hover{background-color:#45a049}.home-photo{align-items:center;animation:slideInFromRight 1s ease-out forwards;display:flex;flex:1 1;justify-content:center;transform:translateX(100%)}.profile-photo{border-radius:50%;box-shadow:0 4px 8px #0003;max-width:300px;width:100%}.about{padding:20px}.about-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.about-text{align-items:flex-start;display:flex;flex-direction:column;font-size:16px;justify-content:center;padding:20px;text-align:justify;width:48%}.about-title{color:#333;font-size:32px;font-weight:700;margin-bottom:20px}.about-photo{align-items:center;animation:slideInFromRight 1s ease-out forwards;display:flex;justify-content:center;transform:translateX(100%);width:48%}.about-photo img{border-radius:10px;height:auto;width:100%}.lebosseur{color:#d42b2b;font-weight:700}.about-bottom{text-align:center}.about-bottom h2{font-size:24px;margin-bottom:20px}.gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.gallery-item{cursor:pointer;text-align:center}.tof1{animation:slideInFromRight 1s ease-out forwards}.tof1,.tof2{transform:translateX(100%)}.tof2{animation:slideInFromup 1s ease-out forwards}@keyframes slideInFromup{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.tof3{animation:slideInFromleft 1s ease-out forwards;transform:translateX(-100%)}@keyframes slideInFromleft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.tof4{animation:slideInFroMbottom 1s ease-out forwards;transform:translateY(100%)}@keyframes slideInFroMbottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.gallery-item img{border-radius:10px;height:auto;width:100%}.gallery-item p{font-size:18px;margin-top:10px}.image-modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:90%;max-width:90%;position:relative}.modal-image{border-radius:10px;height:auto;width:100%}.close-modal{color:#fff;cursor:pointer;font-size:30px;position:absolute;right:10px;top:10px}@media (max-width:768px){.about-top{align-items:center;flex-direction:column}.about-photo,.about-text{margin-bottom:20px;width:100%}.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.gallery{grid-template-columns:1fr}}.services{background-color:#f9f9f9;padding:40px;text-align:center}.services-title{color:#333;font-size:32px;font-weight:700;margin-bottom:30px}.services-grid{grid-gap:30px;align-items:stretch;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center}.service-card{animation:slideInFromRight 1s ease-out forwards;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:center;transform:translateX(100%);transition:transform .3s ease,box-shadow .3s ease}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0)}}.service-icon{color:#d42b2b;font-size:50px;margin-bottom:20px}.service-title{color:#333;font-size:24px;font-weight:700;margin-bottom:15px}.service-description{color:#666;font-size:16px;line-height:1.5}.service-card:hover{box-shadow:0 6px 10px #00000026;transform:translateY(-5px)}.competences{background-color:#f9f9f9;color:#333;padding:40px}.section-title{color:#d42b2b;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.competences-experiences{font-size:18px;line-height:1.6;margin-bottom:40px;text-align:center}.competences-tools{margin-top:20px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.skill-item{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:left}.skill-icon-and-name{align-items:center;display:flex;margin-bottom:10px}.skill-icon{font-size:30px;margin-right:10px}.skill-name{color:#333;font-size:20px}.skill-bar{background-color:#e0e0e0;border-radius:5px;height:20px;overflow:hidden;position:relative}.skill-level{animation:slideInFromLeft 1s ease-out forwards;background-color:#d42b2b;border-radius:5px;color:#fff;font-size:14px;font-weight:700;height:100%;padding-right:10px;text-align:right;transform:translateX(100%)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-80%)}to{opacity:1;transform:translateX(0)}}.contact-container{align-items:center;display:flex;flex-direction:column;gap:40px;padding:20px}.contact-info{background-color:#f8f8f8;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;width:100%}.contact-info h2{margin-bottom:15px}.contact-info p{font-size:16px;margin:5px 0}.contact-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:600px;padding:20px;width:100%}.contact-form-container h2{margin-bottom:15px}.contact-form{display:flex;flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.contact-form button{background-color:#d42b2b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.contact-form button:hover{background-color:#b51f1f}.login-container{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-container h2{color:#333;margin-bottom:20px}.login-form{display:flex;flex-direction:column;gap:15px}.login-form input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:250px}.login-form button{background-color:#d42b2b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.login-form button:hover{background-color:#b51f1f}.admin-container{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center;padding:20px}.admin-container h2{color:#333;font-size:2rem;margin-bottom:30px}.messages-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:900px;padding:20px;width:100%}.messages-container ul{list-style-type:none;padding:0}.messages-container ul li{align-items:center;background-color:#f1f1f1;border-radius:6px;display:flex;font-size:1rem;justify-content:space-between;margin:10px 0;padding:15px}.message-actions{display:flex;gap:10px}.message-actions button{background-color:#d42b2b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.message-actions button:hover{background-color:#b51f1f}.logout-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:30px;padding:10px 20px}.logout-btn:hover{background-color:#0056b3}.messages-table{border-collapse:collapse;margin-top:20px;width:100%}.messages-table td,.messages-table th{border:1px solid #ddd;padding:10px;text-align:left}.messages-table th{background-color:#d42b2b;color:#fff}
/*# sourceMappingURL=main.9f22a3bc.css.map*/