@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0;font-family:outfit,arial,Helvetica,sans-serif}html{scroll-behavior:smooth}.App{background-color:var(--color-bg);width:100%;height:100%}.about-container{position:relative;background-color:#0c0c0c99;border-radius:15px;padding:73px;margin-top:129px;z-index:1;margin-left:10%;margin-right:10%}.about-title{color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase;text-align:center;margin-bottom:20px}.about-text{font-size:16px;line-height:1.6;color:var(--color-text);text-align:justify;margin-top:20px;padding:20px 30px}.about-text:hover{background-color:#ffffff1a;box-shadow:0 0 15px #ffffff4d;border-radius:5px}.compétance-content{color:var(--color-text);margin-top:79px;margin-left:10%;margin-right:10%}.compétance-title{display:flex;justify-content:center;align-items:center;color:var(--color-text);font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase;margin-bottom:50px}.skills-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.skill-card{width:18%;display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.skill-card:hover{transform:translateY(-20px);box-shadow:0 4px 20px #ffffff80}.skill-image{width:50%;object-fit:cover;border-radius:8px;margin-bottom:10px}.container{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:49px;z-index:1;margin-left:10%;margin-right:10%}.content{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-text);z-index:1}.Hero-title{font-size:72px;font-weight:900;margin-bottom:33px;font-family:var(--font-roboto);background:linear-gradient(90deg,#fff 70%,#fff0 120%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.description{font-size:30px;font-family:var(--font-roboto);margin-bottom:52px}.contactBtn{text-decoration:none;background-color:var(--color-primary);color:var(--color-text);border-radius:100px;font-size:30px;font-weight:600;padding:17px 26px;box-shadow:0 0 4px #00000040}.heroImg{width:50%;z-index:1;border-radius:50%;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(10px)}to{transform:translate(0)}}.topBlur{position:absolute;width:50vw;height:50vw;min-width:350px;top:-128px;left:-10vw;border-radius:764px;background:#19376db3;filter:blur(100px);z-index:0}.bottomBlur{position:absolute;width:70vw;height:50vw;min-width:350px;min-width:250px;top:246px;right:-25vw;border-radius:764px;background:#19376db3;filter:blur(100px);z-index:0}@media screen and (max-width: 768px){.container{flex-direction:column-reverse}.content{align-items:center}.Hero-title{margin-top:20px;text-align:center;font-size:70px}}.navbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding-top:61px;z-index:2;margin:0 10%}.title{font-size:30px;font-weight:600px;text-decoration:none;color:var(--color-text);margin:0}.menu{display:flex}.menuitems{display:flex;gap:47px;list-style:none}.menuitems a{font-size:25px;color:var(--color-text);text-decoration:none}.menuBtn{display:none}@media screen and (max-width: 768px){.navbar{flex-direction:column;align-items:flex-start}.menu{position:absolute;right:0;margin-right:10%;flex-direction:column;align-items:flex-end;gap:11px;z-index:3}.menuBtn{display:block;cursor:pointer}.menuitems{display:none;flex-direction:column;align-items:center;gap:13px;border-radius:10px;background-color:#19376d;background:linear-gradient(0deg,#19376d33,#19376d);padding:24px 33px;box-shadow:0 0 4px #00000040}.menuitems.open{display:flex;z-index:1}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;object-fit:cover}.modal-content{display:flex;flex-direction:column;justify-content:space-between;background:#fff;padding:20px;border-radius:8px;width:90%;max-width:600px;min-height:400px;position:relative;box-shadow:0 4px 10px #0000004d;animation:fadeIn .3s ease-in-out}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;cursor:pointer}.modal-image-container{width:100%;height:500px;overflow:hidden;border-radius:8px;position:relative}.modal-image{margin-top:5px;width:98%;height:549px;border-radius:8px;margin-bottom:15px;object-fit:cover}.modal-links a{display:inline-block;margin-right:10px;padding:8px 12px;background:#0056b3;color:#fff;text-decoration:none;border-radius:5px}.modal-links a:hover{background:#0056b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-content,.modal-header h1{color:#000}.modal-text{color:#000;background-color:#fffc;padding:10px}.modal-content ul{display:flex;list-style:none;gap:10px;padding:0;margin-top:20px;margin-left:100px;margin-bottom:10px}.modal-content ul li{display:flex;justify-content:center;align-items:center;width:100px;height:40px;background:#0056b3;border:2px solid #0056b3;border-radius:50%;color:var(--primary-color);font-size:14px;font-weight:700;text-align:center;transition:transform .3s ease;color:#fff}.modal-content ul li:hover{transform:scale(1.2);background-color:#007bff;box-shadow:0 8px 15px #007bff66;border-color:#007bff;cursor:pointer}@media (max-width: 768px){.modal-content{width:80%;padding:15px;min-height:auto}.modal-image-container{height:300px}.modal-image{height:100%;object-fit:contain}.modal-links a{font-size:14px;padding:6px 10px}.modal-content ul{gap:5px;margin-left:0;margin-top:10px}.modal-content ul li{width:80px;height:80px;font-size:12px}.modal-close{font-size:18px;top:5px;right:10px}}.projects{margin-top:76px;color:var(--color-text);margin-left:10%;margin-right:10%}.projects-container{position:relative;display:flex;justify-content:space-between;padding:20px;flex-wrap:wrap;gap:50px;box-shadow:1px 1px 25px #b8b5ff,1px 6px 2px #b6b6b6;border-radius:25px;margin-top:76px}.project-image{width:100%;height:250px;object-fit:cover;border-radius:10px 10px 0 0;z-index:2;margin-top:-60px}.projects-title{font-size:35px;font-weight:700;letter-spacing:1.75px;text-transform:uppercase;color:var(--color-text);align-items:center;margin-left:40%}.project-card{width:330px;height:400px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(135deg,#19376d,#3b5998);display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;padding:10px;cursor:pointer;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#19376dcc;z-index:1;transition:background-color .3s ease}.project-card:hover:before{background-color:#0009}.project-title-name{width:100%;text-align:center;color:#fff;padding:40px;z-index:2;font-size:18px;font-weight:600;position:absolute;bottom:0;border-radius:0 0 10px 10px}@media (max-width: 768px){.projects-container{flex-direction:column;align-items:center}.project-card{margin:40px}}:root{--color-text: white;--color-primary: #576cbc;--color-secondary:#19376d;--color-dark:#0b2447;--color-bg:#04152d;--font-robot:"Robooto"}.contact-container{color:var(--color-text);margin-top:120px;background-color:var(--color-secondary);display:flex;flex-direction:row;justify-content:space-evenly;padding:58px 10%;gap:10px}.contact-text h2{font-size:80px;font-weight:700;letter-spacing:4px;margin-right:170px}.contact-text p{font-size:30px;font-weight:300;letter-spacing:2px;margin-right:70px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;list-style:none;gap:26px}.contact-link{display:flex;align-items:center;gap:25px}.contact-link a{color:var(--color-text);text-decoration:none;font-size:30px;font-weight:400;letter-spacing:1.5px}@media screen and (max-width: 768px){.contact-container{flex-direction:column;gap:23px}.contact-text{display:flex;flex-direction:column;align-items:center}.contact-links{align-items:center}.contact-text h2{margin-right:200px}.contact-link a{text-align:left;font-size:20px;align-items:center}.icone3{margin-right:90px}.icone1{margin-right:120px}}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-7-alf5FM.woff2) format("woff2"),url(/assets/outfit-latin-ext-400-normal-B56Gh2nA.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-CQm_KAGb.woff2) format("woff2"),url(/assets/outfit-latin-400-normal-DodQBVgl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-cyrillic-ext-400-normal-D76n7Daw.woff2) format("woff2"),url(/assets/roboto-cyrillic-ext-400-normal-b0JluIOJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-cyrillic-400-normal-BiRJyiea.woff2) format("woff2"),url(/assets/roboto-cyrillic-400-normal-JN0iKxGs.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,d09GMgABAAAAAAXYABIAAAAACgAAAAV8AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhQbHhw0BmAAXghUCYM8EQwKg2iDTgsUABIUATYCJAMkBCAFgnQHIAyCSRucCFFUkDIBfhzkZKcmnOCkolAQnoSyxYqFpYXieXb+xgO83X+ee8cPWukL624junMJs9RsoCpuxSopamF+Pi97f6xC6QrJFHRKpFCmII8L4C95A3y0rJouCIdkJgncD/oHj/4Ptd1Rm0IYXCtKb1yQDmO4797U2dlr/Om01LkOVpT2L12pLVa73QtgLIKxr2n9efiAIhiyAGBi25Coekds8qZninvglyCgAwhKQRDQspY1tF9oNA0iKTQN4IRtO0c8LdtzW2orwfLCWqaCzZfl11dfBsTdnaQ3h2kZ2eOZEwgbeF/yBVwQgZ2DvRwJfK0Dj4wLA3+w4XAB/M8FxYoIY9AzkO6S7TOGwEWk2ZbiCu/nOQToKUU5oq4x6zbE1HUGA3Rl83vzuil5fuJX+RchWrDatW53jdtwnlgZhpwlhXP0dtJr7vYxsPT/PLq40lhiT5ruQpdOGGT7LM3N6cMWw/ws9PIfIIcEwLJDUR3FYQgfiUJzxskPq2Qy1ggbiezOIJylETciLCiNZCMFSKaDJqeFHmOPg5ePsYC2syXS6aE6P7V6nJwhSOIdAc0Ke4n7Xb8SyWqkqXiaf5zcKrRPwvfqdPtrZBtL2slMnRuMa42LvcxYpRRZvA/n8T7tUCIaeZ2q3j7uEhVDkc8XZrrMEm9RfK85lv64HemnFa6lmfuYFI7x/oVR8InaSyj5acula+ve+LU96YKCxZUXd9MwGtXGUoutAUxK5q2NmLMD2mz+aZ2N4WzsRo9j+buXk1pEpRttzy1KfocMeUz6dmDs9k7cweWb9rsbsde9m5w+h/OOcb2wOG7o3RICJCrFpqEEFRhZH9oDuAjooYPPICPCo0jTpMlTRj1BOey1KZvbSstFFVnKclSBPKn7/nPJ6C8PU1DPT6+kYz8/gBNueLjm39PQ/QP9dT+ltmVK4aRWsRS+SabvokUfQ1Z/zGWygF8Mr9+/8b206dV6Ljp9GGVza+Jnt9+d8hVurXeJt93vjq6U3ZwJkOx4aa9k2z3+d04j7me6E29d13G+Vvxzc/2x9y4pOP96WSx98PKAi/qn3un2CdsyOa1xdLjn/jNOzIUF+AcAFPL/LuBa/t/+/00Wx7+LZarhcLSj7qhqn2s859Wt3etQ2/+kfRxqzc5ou8fJDwOT0QDzOKLLr2WqruDlpp0t2a9YhvLuvI6qnb1VNjpkZXJDl/FYKm5xTmMZ2tdaepL9fasvEPAi1srweZuqi+ubWBAA9duqOh3Aq2fXLZ48tfLYbwcI6FRFSox5GgsC4uTo+6gDX3L73r+JVpUAH39Qk4BvUOKXX+7fO5WxrANQiSBQXPZPRnXwL6t/kZURIvyq5E7nKYd/+oHsWlclBNZezqf/HAGhco/laHwB9IjiFIGA0gW4QlrhDPtsR9DxoiPqeXgx8S2mzZGZYXLk1qLzPbQCLlIvLSaeKN70nUj5TPIVKsUgsWqVoFQqU4hRrQ6jDiVahCAhYiUJsZwjklEiVgFWPdZyiRglGlTKVysFo1adMqxqRNRGB07ceCHMeI4bn835eBCWSYtaZUqUqmdxhRPCsFgl1zMIEaoVIhECVMoeIbGn6hD5JrKmH9WIUYTEBZpLoIi4tu4srS3CQRWXBjxE2jOODD23Tq8ZEC06EsK9yPGl5oa3Y1q4+6JJksQg5/nLSZoT4710FclcN06s6pO8JjvU0YoUM1dnec4lZWdJvIclqegQ1wVLSasxL8rVZtzuOy/2LOk8wKOF3qSrG3TEOel5b59dOyR9f+fF65a2B/EBlR2CR1LhYu2/fT32swx1OFfBLqCUehyHLE7hXvwPdkoD9sNc7GoobUO8bPge7JR6nItTeA3/g5/SgNk+RYQ6q0mgOgA=) format("woff2"),url(data:font/woff;base64,d09GRgABAAAAAATkAA4AAAAABXwAAQABAAAAAAAAAAAAAAAAAAAAAAAAAABHREVGAAABRAAAABQAAAAUAA8ACUdQT1MAAAFYAAAAHgAAAB5EdEx1R1NVQgAAAXgAAAAzAAAANJMNggJPUy8yAAABrAAAAEsAAABgdAng+GNtYXAAAAH4AAAAQAAAAF4+Y+J/Z2FzcAAAAjgAAAAMAAAADAAIABNnbHlmAAACRAAAARQAAAEUnMz0sGhlYWQAAANYAAAANgAAADb8atJ6aGhlYQAAA5AAAAAfAAAAJAq6BalobXR4AAADsAAAAB8AAAAkF+P/e2xvY2EAAAPQAAAAEwAAABQBMQGDbWF4cAAAA+QAAAAcAAAAIAArAOVuYW1lAAAEAAAAAM4AAAF0G504anBvc3QAAATQAAAAEwAAACD/bQBkAAEAAAAMAAAAAAAAAAEACAABAAEAAQAAAAoAHAAcAAFERkxUAAgABAAAAAD//wAAAAAAAHjaY2BkYGDgYjACQhYXN58QBrnkyqIcBqn0otRsBqmcxJI8BikGEGABEf//g0gA3Y0JHgB42iXFsRFAMAAAwE8ijCE76FQ6lbNFRlGr01jBKhZyCt+81B3hlMktT4TxPz1qRASwkABg3ffVwrj1XurQoiJc0M35VhTpA+O9Ck4AeNpjYGBgAmJmIBYBkoxgmoXBC0jzMXAA5djAKngZFBgWyPv+/w/kofBBOv5/+//kf/qD3WDdPAwIwAQA0KYN+QABAAIACAAC//8ADwAFAGQAAAMoBbAAAwAGAAkADAAPAAAhIREhAxEBAREBAyEBNQEhAyj9PALENv7u/roBDOQCA/7+AQL9/QWw+qQFB/19Anf7EQJ4/V4CXogCXgAAAgB2/+wFCQXEABEAHwAAARQCBCMiJAInNTQSJDMyBBIVJxACIyICBxUUEjMyEjcFCZD++LCs/vaTApIBC6yvAQuQv9C7ttED07m6zAMCqdb+waipATnOadIBQqup/r/VAgEDARX+6/Zr+/7hAQ/9AAIAbwRwAskF1gAFAA0AAAETMxUDIwEzFRYXByY1AZF0xN9Z/t6oA1BJsgSUAUIV/sMBUlt7VTtfu////jL/7AVPBdYAJgAFRgAABwAG/cMAAAABAAAAAiMSo8X+nl8PPPUAGQgAAAAAAMTwES4AAAAA1QFS9Pob/dUJMAhzAAAACQACAAAAAAAAeNpjYGRgYM/5x8PAwOn5S/qfF6cBUAQVcAIAb4cEcQB42mPuYUhhgALG3xDM2sBQxqzAkA9mH/tnBABopAdwAHjaY2Bg0ITDRIY6IOwCABGeArUAeNpjYGRgYOBk6GcQYwhhYAXzEICNgREAGIoBEXjaXY4BBgJRFEVPVSnSCkIgoKkKUSBJIqESIKp+05BpzFRpI62gBbTErvGNkes+977nfB8ocSJHJl8GtnxtzlDhY3OWKm+bc6l9PpULNAhsLlJjbXNVCc7cpIABLekZy2FHIB90NWpXQlxdL3jaGXwizUibOTPGTFiw0mzSxaHNUsRevslNNSP6LnpHyEYtFOvp5lOPiQ49+gzj1lbr/zHp98ZywEtbDxf9PqE6SlOukivOqM3wOeAojbhIdZYJFcXNEMkhD80jzg9HQTQoAAB42mNgZgCD/1kMKQxYAAAqHwHRAA==) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-greek-400-normal-LPh2sqOm.woff2) format("woff2"),url(/assets/roboto-greek-400-normal-IIc_WWwF.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-vietnamese-400-normal-DhTUfTw_.woff2) format("woff2"),url(/assets/roboto-vietnamese-400-normal-D5pJwT9g.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-ext-400-normal-DgXbz5gU.woff2) format("woff2"),url(/assets/roboto-latin-ext-400-normal-BSFkPfbf.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-DXyFPIdK.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-BVyCgWwA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}