:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body,#root{overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}#root{max-width:100vw;margin:0 auto;padding:0;text-align:center;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;background-color:#2e2e2e;border-bottom:2px solid #d400ff;height:70px;font-family:Roboto,sans-serif;padding:0 130px}.navbar-logo{height:53px}.navbar-logo img{height:53px;padding:0}.navbar-links{list-style:none;display:flex;gap:3rem;margin:0;padding:0}.navbar-links a{position:relative;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding-bottom:10px}.navbar-links a:after{content:"";position:absolute;left:0;bottom:0;width:50%;height:5px;background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.navbar-links a:hover:after{transform:scaleX(1);border-radius:50px}.burger{display:none;flex-direction:column;gap:6px;cursor:pointer;z-index:1101}.burger span{width:30px;height:4px;background:linear-gradient(to right,#ff00ff,#9400ff);border-radius:2px;transition:.3s ease}.burger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar{padding:0 1rem;padding-left:0;padding-right:0}.navbar-logo{height:53px;margin-left:15px}.burger{display:flex;position:absolute;right:20px;margin-right:0}.index-module_type__E-SaG{font-size:5px}.navbar-links{display:flex;flex-direction:column;align-items:center;position:fixed;top:0;right:-100%;height:100vh;width:250px;background-color:#2e2e2e;padding-top:80px;gap:2rem;transition:right .3s ease-in-out;z-index:1100}.navbar-links.active{right:0;top:70px;border-left:2px solid #d400ff}.overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#0009;z-index:1000}.burger.open span:nth-child(1){transform:rotate(45deg) translate(9px,10px)}.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-5px)!important}.navbar-links a{font-size:18px}.navbar-links,.navbar-logo img{margin-left:0;margin-right:0}}.header{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100vh;background:#2e2e2e;overflow:hidden}.keywords-container{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden}.keyword{position:absolute;color:#ffffff1a;font-weight:700;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;animation:fadeInOut 2s ease-in-out infinite;margin-left:0}@keyframes fadeInOut{0%{opacity:0;transform:scale(1)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@media screen and (max-width: 768px){.keyword{font-size:.7rem!important;opacity:.08}}@media screen and (max-width: 480px){.keywords-container{position:absolute;width:100%;height:100%;overflow:hidden}.keyword{font-size:.5rem!important;opacity:.06}}.autotype:after{content:"▍";color:#f0f;font-weight:700;font-size:4rem;animation:blink 1s infinite}.autotype-container{position:relative;z-index:10;text-align:center;padding:1rem 2rem;-webkit-user-select:none;user-select:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.autotype-container{position:relative;z-index:10;text-align:center;padding:1rem 2rem;font-size:.5rem;-webkit-user-select:none;user-select:none}.autotype:after{content:"▍";color:#f0f;font-weight:700;font-size:2rem;animation:blink 1s infinite}}body,*{font-family:Roboto,sans-serif}.apropos{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100lvw;height:100vh;background:#2e2e2e;position:relative;overflow:hidden;border-top:1px solid #d400ff}.top{top:30px;position:absolute;width:100%}.titre{color:#fff;font-size:27px;margin-bottom:5px}.underline{background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));width:620px;height:5px;border-radius:80px;place-self:center;margin:auto}.soustitre{color:#fff}.description{display:flex;justify-content:space-between;padding-left:130px;padding-right:130px;margin-top:50px}.description img{height:140px;width:140px;align-self:anchor-center;margin-bottom:45px}.card,.card-right{width:500px;text-align:left;padding:0}.card button{border-radius:50px;background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));width:170px;color:#fff;padding-top:15px;padding-bottom:15px;font-weight:700}.titledesc{color:#f200ff;font-size:30px;margin-bottom:15px}.card p{color:#fff;font-weight:900;text-align:justify;margin-bottom:45px}.tags{text-align:start}.tags span{background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));color:#fff;justify-content:space-between;padding:7px;border-radius:100px;display:inline-flex;margin-bottom:18px;margin-right:18px;font-weight:900;transition:.5s;-webkit-user-select:none;user-select:none}.tags span:hover{background:white;color:#f200ff}.slider{margin-top:50px}@media (max-width: 768px){.titre{color:#fff;font-size:20px}.underline{background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));width:120px;height:3px;place-self:center;margin:auto}.apropos{padding-left:2%;padding-right:2%;min-height:188vh}.card,.card-right{width:330px;text-align:center;padding:0;margin:auto}.description{display:block;justify-content:space-between;padding-left:0;padding-right:0;margin-top:50px;justify-items:center}.tags{text-align:center}.description img{height:140px;width:140px;align-self:anchor-center;margin-top:45px;margin-bottom:45px}}img{height:100px;pointer-events:none;-webkit-user-select:none;user-select:none}.projets{display:flex;flex-direction:column;align-items:center;width:100%;background:#2e2e2e;padding:20px 130px 130px;box-sizing:border-box;color:#fff}.titre{font-size:2rem;margin-bottom:1rem}.underline{width:100px;height:5px;background-color:#d400ff;margin-bottom:1rem;margin:auto}.soustitre{font-size:1.5rem;margin-bottom:2rem}.projets-grid{display:flex;gap:27px;width:100%;flex-wrap:wrap;place-content:center;gap:60px}@media (max-width: 768px){.projets{display:flex;flex-direction:column;align-items:center;width:100%;background:#2e2e2e;padding:20px 0 100px;box-sizing:border-box;color:#fff}}.projet-card{width:380px;background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));color:#fff;padding:10px;border-radius:10px;text-align-last:left;margin-bottom:50px}.projet-card:hover img{transform:scale(1.025);width:100%}.projet-card img{width:100%;height:auto}h2{font-weight:900;text-align:left}.st{font-weight:900}.desc{margin-top:20px}a{color:#fff;text-decoration:underline}.projet-card p{text-align:left}.tags{margin-top:20px}@media screen and (max-width: 480px){.projet-card{width:380px;background:linear-gradient(90deg,rgba(242,0,255,1),rgba(168,0,246,1));color:#fff;padding:10px;border-radius:10px;text-align-last:left;margin-bottom:0;width:78%}}.topcontact{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:90vh;padding:40px 20px;background-image:url(/assets/cbck-036ad844.png);background-size:cover;background-position:center;overflow:hidden;border-top:1px solid #d400ff;font-family:Roboto,sans-serif}.contactpart{background-color:#2e2e2e;width:100%;max-width:900px;padding:40px 30px;border-radius:30px;color:#fff;position:relative;box-sizing:border-box}.contact-title{text-align:center;font-size:2rem;margin-bottom:10px;font-weight:600}.contact-underline{height:5px;width:120px;background-color:#d400ff;margin:0 auto 30px;border-radius:3px}.contact-icons{display:flex;justify-content:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.icon{font-size:2rem;background-color:#d400ff;color:#fff;padding:10px;border-radius:50%;cursor:pointer;transition:transform .2s ease}.icon{width:66px;fill:#fff;transition:fill .3s ease;background:none!important;border-radius:0!important;margin-bottom:45px}.icon-link:hover .icon{fill:#f200ff}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .row{display:flex;gap:20px;flex-direction:row}.contact-form input,.contact-form textarea{flex:1;padding:15px;font-size:1rem;border-radius:8px;border:none}.contact-form textarea{min-height:200px;resize:vertical;padding:12px;font-size:1rem}.contact-form textarea{height:150px;resize:none}.contact-form button{align-self:center;padding:15px 30px;background-color:#d400ff;color:#fff;border:none;border-radius:30px;font-size:1rem;cursor:pointer;margin-top:10px;transition:background-color .3s ease;font-weight:700}.contact-form button:hover{background-color:#b100d4}.jg-logo{position:absolute;bottom:15px;right:20px}.bottomlogo{height:50px}@media screen and (max-width: 768px){.contact-form .row{flex-direction:column;gap:15px}.contact-form input,.contact-form textarea{font-size:.95rem}.contact-title{font-size:1.6rem}.contactpart{padding:30px 20px}.bottomlogo{height:40px}.jg-logo{position:static;margin-top:30px;text-align:center}}@media screen and (max-width: 480px){.contact-underline{width:80px}.contact-form button{width:100%}.icon{font-size:1.5rem}}