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}@font-face{font-family:CodeFont;font-style:normal;font-weight:400;src:url(/static/media/Code.a667e30da4dd908c17f6.ttf) format("truetype")}@font-face{font-family:coolvetica;font-style:normal;font-weight:400;src:url(/static/media/coolvetica.3d81d0e1fdbd5f69b232.otf) format("truetype")}@font-face{font-family:Broken;font-style:normal;font-weight:400;src:url(/static/media/ConsoleFu.f05f3809066cd37e1f9b.otf) format("truetype")}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.title-slide-in{animation:slideInFromLeft 1s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo{color:#d6ebf9}.education-section,.header-section,.hero-section,.projects-section,body{animation:fadeIn 1.5s ease-out forwards;opacity:0}.header-section{animation-delay:.2s}.hero-section{animation-delay:.4s}.education-section{animation-delay:1s}.projects-section{animation-delay:1.5s}:root{--primary-color:#092e4f;--secondary-color:#44a4e8;--background-light:#d6ebf9d5;--text-light:#d6ebf9;--text-dark:#0e2235;--highlight-color:orange;--hover-bg-color:#074074;--hover-shadow-color:#0003;--hover-text-color:#0f5dc3}*{margin:0;padding:0}body{background-color:#092e4f;background-color:var(--primary-color)}.mejoindre a{color:#0073b1;margin:0 10px;text-decoration:none}.mejoindre a:hover{color:#fff}.project-card:hover .link-icon{opacity:1}.btnmain{display:flex;justify-content:center}.btn-projet{background-color:#092e4f;background-color:var(--primary-color);border:2px solid #fff;border-radius:10%;color:#fff;cursor:pointer;font-size:1em;margin:1em;padding:1em 1.5em;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.btn-projet:hover{background-color:#074074;background-color:var(--hover-bg-color);box-shadow:0 8px 16px #0003;transform:scale(1.1)}.project-card{background-color:#d6ebf9d5;background-color:var(--background-light);border-radius:8px;display:flex;opacity:0;padding:1em;transform:scale(.2);transition:transform .2s ease-out,box-shadow .2s ease-out,opacity .5s ease-out;width:35%}.project-card img{border:3px solid #073f7452;border-radius:5%;box-sizing:border-box;height:45%;padding:0;width:35%}.project-card.show{opacity:1;transform:scale(1)}.project-card:hover{background-color:#d6ebf9d5;background-color:var(--background-light);box-shadow:0 8px 16px #0003;box-shadow:0 8px 16px var(--hover-shadow-color);transform:scale(1.05)}.project-card:hover .project-details h3{color:#0f5dc3;color:var(--hover-text-color)}.header-section{grid-column-gap:0;grid-row-gap:0;background-color:#092e4f;background-color:var(--primary-color);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);height:950px}.hero-section{grid-area:2/1/6/6;text-align:left;width:100%}.hero-content{margin:7em 15em;padding:0;text-align:left;width:35%}.title,.title2{font-family:CodeFont,sans-serif}.title2{color:#d6ebf9;font-weight:700;margin:1em auto;text-align:left;width:20%}.hero-content .hi{color:#44a4e8;color:var(--secondary-color);font-family:CodeFont,sans-serif;font-size:2em;margin:0;padding:0}.hero-content .name{color:#d6ebf9;color:var(--text-light);font-size:5em;margin:0;padding:0}.hero-content .color{color:orange;color:var(--highlight-color)}.btn{background-color:#092e4f;background-color:var(--primary-color);border:3px solid #d6ebf9;border:3px solid var(--text-light);border-radius:10px;color:#d6ebf9;color:var(--text-light);cursor:pointer;margin:2em 0;padding:2em;transition:background-color .3s ease,transform .3s ease}.hero-content .btn:hover{background-color:#074074;background-color:var(--hover-bg-color);transform:scale(1.05)}.hero-content .pa{color:#d6ebf9;color:var(--text-light);font-family:Broken,sans-serif;font-size:1.3em;margin:.5em 0 0;padding:0}.mejoindre{align-items:left;display:flex;justify-content:space-between;margin:1em 0;width:25%}.mejoindre img{filter:invert(38%) sepia(91%) saturate(668%) hue-rotate(170deg) brightness(96%) contrast(95%);height:30px;transition:filter .3s ease;width:30px}.mejoindre img:hover{filter:invert(54%) sepia(47%) saturate(700%) hue-rotate(204deg) brightness(98%) contrast(103%)}.header-navbar{align-items:center;display:flex;grid-area:1/1/2/6;justify-content:space-between;margin-bottom:5em;padding:0 20px}.header-navbar ul{display:flex;flex-direction:row;list-style:none;position:relative}.logo-pays{align-self:center;display:block;height:25px;width:auto}.header-navbar .menu-item{color:#d6ebf9;color:var(--text-light);cursor:pointer;padding-left:1.3em;position:relative}.header-navbar .menu-item:hover .number{color:orange;color:var(--highlight-color)}.header-navbar .dropdown .drop{display:none;left:0;position:absolute;top:100%}.colorb,.header-navbar .dropdown .drop{border-radius:8px;list-style:none;padding:1em 0}.colorb{background-color:#d6ebf9d5;background-color:var(--background-light);box-shadow:0 8px 16px #0003}.header-navbar .dropdown:hover .drop{display:flex;flex-direction:column}.header-navbar .drop li{color:#0e2235;color:var(--text-dark);cursor:pointer;padding:10px 20px}.header-navbar .logo-pays{transition:transform .3s ease,box-shadow .3s ease}.header-navbar .logo-pays:hover{transform:scale(1.2)}.hero-section{align-items:center;display:flex;justify-content:left;text-align:center}.education-section{background-color:#092e4f;color:#fff;padding:2em 0}.education-container{margin:5em}.education-container,.education-container2{display:flex;flex-wrap:wrap;gap:2em;grid-area:1/1/7/9;justify-content:center}.education-container2{margin:5em 0}.education-item{border-radius:8px;display:flex;padding:1em;width:35%}.education-item .date{padding:0 .2em;width:100%}.education-details{display:flex;flex-direction:column;margin:0 1em}.education-details h3,.education-details p{margin-bottom:.5em}.education-details p{font-size:1em;width:70%}.tag{display:flex;flex-direction:row;flex-wrap:wrap;width:72%}.tag div{background-color:rgba(0,0,255,.692);border-radius:12px;color:#fff;font-size:.8em;margin-right:1em;margin-top:.5em;padding:.4em .6em}.projects-section{align-items:center;background-color:#092e4f;padding:2em 0}.projects-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em;grid-area:1/1/7/9;justify-content:center;margin:5em}.noa,.noam{text-decoration:none}.link-icon{opacity:0;transition:opacity .3s ease}.project-details{display:flex;flex-direction:column;margin:0 1em}.project-details h3,.project-details p{margin-bottom:.5em}.project-details p{font-size:1em;width:70%}.contact-section{align-items:center;background-color:#092e4f;padding:2em 0}.contact-container{background-color:#d6ebf9d5;background-color:var(--background-light);border-radius:8px;box-shadow:0 0 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}.title{color:#fff;font-weight:700;margin:1em auto;text-align:left;width:20%}.animated-div{opacity:0;transform:translateX(-100%);transition:opacity 1s ease-out,transform 1s ease-out}.animated-div.visible{opacity:1;transform:translateX(0)}.number{color:#3498db;font-family:CodeFont,sans-serif;font-size:1.2em}.form-group{margin-bottom:15px}.form-group label{color:#333;display:block;font-size:14px;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.form-group textarea{height:100px;resize:vertical}.btn-contact{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:16px;padding:10px 20px;width:100%}.btn-contact:hover{background-color:#2980b9}.status-message{color:green;font-size:14px;margin-top:15px;text-align:center}.footer{align-items:center;color:hsla(0,0%,100%,.705);display:flex;justify-content:center;margin:2em;text-align:center}@media only screen and (max-width:600px){.header-navbar{align-items:center;display:flex;font-size:.8em;grid-area:1/1/2/6;justify-content:space-between;margin-bottom:5em;padding:0 5px}.header-navbar .logo{display:none}.logo-pays{align-self:center;display:block;height:25px;padding-right:.8em;padding-top:.4em;width:auto}.hero-content{margin:1.8em 1em;padding:0;text-align:left;width:95%}.hero-content .pa{color:#d6ebf9;color:var(--text-light);font-family:Broken,sans-serif;font-size:1em;padding:0}.hero-content .hi{color:#44a4e8;color:var(--secondary-color);font-family:CodeFont,sans-serif;font-size:1.5em;margin:0;padding:0}.hero-content .name{color:#d6ebf9;color:var(--text-light);font-size:4em;margin:0;padding:0}.education-section{background-color:#092e4f;color:#fff;padding:0}.education-container{margin:2em}.education-container,.education-container2{display:flex;flex-wrap:wrap;gap:2em;grid-area:1/1/7/9;justify-content:center}.education-container2{margin:1em 0}.education-item{border-radius:8px;display:flex;padding:.56em;width:100%}.education-item .date{padding:0 .2em;width:25%}.education-details p{font-size:.8em;width:15em}.title,.title2{color:#fff;font-weight:700;margin:1em auto;text-align:left;width:50%}.project-card{background-color:#d6ebf9d5;background-color:var(--background-light);border-radius:8px;display:flex;flex-direction:column;opacity:0;transform:scale(.2);transition:transform .2s ease-out,box-shadow .2s ease-out,opacity .5s ease-out;width:100%}.project-card img{border:3px solid #073f7452;border-radius:5%;box-sizing:border-box;height:35%;margin:1em;padding:0;width:85%}.projects-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:2em;justify-content:center;margin:3em}.project-details{display:flex;flex-direction:column;margin:0 1em}.project-details h3,.project-details p{margin-bottom:.5em}.project-details p{font-size:1em;width:10em}.tag{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.tag div{background-color:rgba(0,0,255,.692);border-radius:12px;color:#fff;font-size:.7em;margin-right:1em;margin-top:.5em;padding:.3em .6em}.contact-section{background-color:#092e4f;padding:1em 0}.contact-container,.contact-section{align-items:center;display:flex;flex-direction:column}.contact-container{background-color:#d6ebf9d5;background-color:var(--background-light);border-radius:8px;box-shadow:0 0 10px #0000001a;padding:20px}.form-group label{color:#333;display:block;font-size:14px;margin-bottom:5px;width:22em}}
/*# sourceMappingURL=main.ea81f622.css.map*/