@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allura&family=Cedarville+Cursive&family=Great+Vibes&family=Playwrite+CU:wght@100..400&display=swap);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}body{font-family:Montserrat,sans-serif;overflow-x:hidden}.page-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:0;width:100vw}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:0}}.header{height:100px;justify-content:space-between;margin:0 auto;max-width:1400px;width:65vw}.header,.name-mode{align-items:center;display:flex}.name{display:flex;font-family:Allura,cursive;font-size:24px;font-style:italic;margin-right:15px;white-space:nowrap}.navbar{align-items:center;background-color:#fffefe;display:flex;flex-wrap:nowrap;height:100px;position:fixed;width:65vw;z-index:10}.navLinks{display:flex;list-style-type:none;margin:0 0 0 auto;padding:0}.burger-icon{display:flex;position:fixed;right:20px}.navLinks li{font-family:Montserrat,sans-serif;margin:0 15px}.navLinks a{color:#333;font-size:18px;padding-bottom:5px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.navLinks a:after{background-color:#f7acbb;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.navLinks a.active{color:#f7acbb}.navLinks a.active:after{width:100%}.navLinks a:hover{color:#f7acbb}.navLinks a:hover:after{width:100%}.letter{animation:fadeInOut 5s ease-in-out infinite;display:inline-block;opacity:0;transform:translateX(-1px)}.show-name .letter{animation:fadeInLetter .5s forwards;opacity:1}.name .space{animation:none;display:inline-block;width:.3rem}.burger-icon{cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;width:30px;z-index:1001}.burger-icon .burger-line{background-color:#333;height:3px;transition:transform .3s ease,opacity .3s ease;width:100%}.burger-icon.open .burger-line:first-child{transform:translateY(10px) rotate(45deg)}.burger-icon.open .burger-line:nth-child(2){opacity:0}.burger-icon.open .burger-line:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.scroll{background-color:#f0f0f0;border:none;border-radius:5px;bottom:40px;box-shadow:0 4px 8px #0000001a;color:#faaebe;cursor:pointer;font-size:20px;padding:10px 15px;position:fixed;right:20px;transition:opacity .3s ease-in-out;z-index:30}.scroll:hover{background-color:#fcedf0}body.dark-mode{background-color:#121212;border:1px #121212;color:#fff}.dark-mode-toggle{background-color:#0000;border:1px solid #1b1b1b;border-radius:8px;box-shadow:0 2px 4px #ffffff1a;color:#fff;cursor:pointer;font-size:18px;margin-left:20px}.dark-mode-toggle:hover{box-shadow:0 4px 8px #fff3;transform:scale(1.05)}.dark-mode-toggle:active{box-shadow:0 2px 4px #fff3;transform:translateY(2px)}body.light-mode{background-color:#fffefe;color:#000}.light-mode .header{color:#000}.dark-mode .burger-line{background-color:#fff}.light-mode{background-color:#fffcfc}.light-mode .burger-line{background-color:#333}.light-mode-toggle{border:#0000;box-shadow:0 2px 4px #0003;color:#000;transition:box-shadow .3s ease,transform .1s ease}.light-mode-toggle:hover{box-shadow:0 4px 8px #0000004d}.light-mode-toggle:active{box-shadow:0 2px 4px #000c;transform:translateY(2px)}.dark-mode .header{color:#fff}.dark-mode .navbar{background-color:#121212}body.dark-mode .navLinks a{color:#fff}body.dark-mode .navLinks a:hover{color:#7a4e61}.dark-mode .navLinks a:after{background-color:#442a35}.dark-mode .navLinks a.active{color:#613c4c}.dark-mode .intro-btn button{background-color:#555;color:#e4e0e0}.dark-mode .burger-icon{background-color:#000}.dark-mode .intro-btn button:hover{background-color:#613c4c;color:#e4e0e0}.dark-mode .introduction{background:radial-gradient(at 20% 20%,#2a2a40,#0000 40%),radial-gradient(at 80% 30%,#3a2a4d,#0000 40%),radial-gradient(at 50% 80%,#442a35,#0000 40%);background-color:#1a1a1f;box-shadow:0 8px 20px #0000004d}.dark-mode .intro-job{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ffe7f1,#f9b7c4,#ffd5f3);-webkit-background-clip:text}.dark-mode .intro-name,.dark-mode h2{color:#f5f5f5}.dark-mode h2:after{background:linear-gradient(90deg,#2a1a22,#613c4c,#8a506a,#613c4c,#2a1a22)}.dark-mode .profile-photo{border:2px solid #613c4c}.dark-mode .age{color:#afaeae}.dark-mode .details{background-color:#121212;box-shadow:0 4px 12px #29292966;color:#f5f5f5}.dark-mode .accordion-title{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);box-shadow:0 4px 5px #2e2e2e33}.dark-mode .accordion-content{background-color:#2c2c2c}.dark-mode .accordion-content p:first-child{color:#f5f5f5}.dark-mode .formation-btn,.dark-mode .projet-btn,.dark-mode form button{background:linear-gradient(135deg,#613c4c,#8a506a,#a56c80)}.dark-mode .formation-btn:hover,.dark-mode form button:hover .dark-mode .projet-btn:hover{background:linear-gradient(135deg,#8a506a,#b36b85,#d1889d)}.dark-mode .skills-layout h3,.dark-mode .soft-skills h3{color:#f5f5f5}.dark-mode .tab-buttons button{background-color:#8b8686;color:#fff}.dark-mode .tab-buttons button:hover{background-color:#555}.dark-mode .tab-buttons button.active{background:#613c4c;box-shadow:0 4px 10px #0000001a;color:#fff}.dark-mode .badge{background:#613c4c}.dark-mode .faCheckCircle{color:#613c4c}.dark-mode .card-front{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid #444;color:#e0e0e0}.dark-mode .card-back{background:#2e2e2e}.dark-mode .card-content h4,.dark-mode .section h3,.dark-mode p{color:#fff}.dark-mode .card{background-color:#2e2e2e;border:1px solid #0000;box-shadow:0 4px 5px #2e2e2e33}.dark-mode .card-icon i{color:#555}.dark-mode .card:hover{box-shadow:0 8px 16px #5555554d}.dark-mode .modal-content{background-color:#2e2e2e}.dark-mode .modal-video-container{background-color:#333;border-color:#555;box-shadow:0 0 15px #00000080}.light-mode .modal-content{background-color:#fff;color:#000}.dark-mode .modal-close{color:#777}.dark-mode .modal-close:hover{color:#555}.dark-mode .contact button,.dark-mode .projet-btn{background-color:#555}.dark-mode .contact button:hover,.dark-mode .projet-btn:hover{background-color:#777}.dark-mode form{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);box-shadow:0 4px 5px #2e2e2ecc}.dark-mode fieldset{border-color:#613c4c}.dark-mode footer{background:radial-gradient(at 20% 20%,#2a2a40,#0000 40%),radial-gradient(at 80% 30%,#3a2a4d,#0000 40%),radial-gradient(at 50% 80%,#442a35,#0000 40%);background-color:#1a1a1f;color:#f5f5f5}.dark-mode .card i,.dark-mode .footer-icon{color:#613c4c}.dark-mode .arrow{color:#555}.dark-mode .arrow:hover,.dark-mode .footer-icon:hover{color:#8d586e}.dark-mode .scroll{background-color:#2e2e2e;color:#613c4c}.dark-mode .formation-btn:hover,.dark-mode .scroll:hover{background-color:#777}.introduction{align-items:center;background:radial-gradient(at 20% 20%,#ffe7f1,#0000 40%),radial-gradient(at 80% 30%,#ffd5f3,#0000 40%),radial-gradient(at 50% 80%,#f9b7c4,#0000 40%);background-color:#fff;border-radius:20px;box-shadow:0 10px 25px #00000008;box-sizing:border-box;display:flex;flex-direction:column;height:40vh;justify-content:center;margin:auto;padding:0 20px;position:relative;width:65vw;z-index:1}.intro-name{color:#555;font-size:2rem;margin:0}.intro-job,.intro-name{animation:fadeInUp 1s ease-out forwards;font-weight:500;opacity:0}.intro-job{-webkit-text-fill-color:#0000;animation-delay:.3s;background:linear-gradient(90deg,#000,#666);-webkit-background-clip:text;font-size:3rem;margin-top:.5rem}.introduction p{font-size:1rem;margin-top:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.intro-btn{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.intro-btn button{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 4px 8px #00000026;color:#5f5e5e;cursor:pointer;font-size:1rem;margin:5px;padding:10px 20px;transition:background-color .3s ease}.intro-btn button:hover{background:#ffe7f1;box-shadow:0 6px 12px #00000026;color:#5f5e5e;transform:scale(1.05)}.presentation{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:700px;text-align:center;width:65vw}.profile-photo{border:2px solid #ffe7f1;border-radius:50%;box-shadow:0 4px 8px #0000001a;height:120px;object-fit:cover;width:120px}.details{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;column-count:2;column-gap:40px;padding:20px;text-align:left}.nom{color:#222;font-size:1.3rem;font-weight:700;margin-bottom:5px}.age,.nom{text-align:center}.age{color:#666;font-size:1rem;margin-bottom:10px}.details .mission{margin-bottom:20px}.details .background,.details .mission{color:#555;font-size:.95rem;white-space:pre-wrap}.details .background{margin-bottom:15px}.details p{font-size:1rem;line-height:1.8;margin-bottom:1em;margin-top:1em}.presentation p{font-size:1rem;margin-top:0;white-space:pre-wrap}h2{color:#333;display:inline-block;font-size:1.9rem;font-weight:300;margin-bottom:20px;position:relative;text-transform:uppercase}h2:after{animation:slideInOut 5s linear infinite;background:linear-gradient(90deg,#ffe7f1,#ffd5f3);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:80%}@keyframes slideInOut{0%{transform:translateX(-50%)}50%{transform:translateX(50%)}to{transform:translateX(-50%)}}.separator{border:none;border-top:2px solid #a567a2;margin-top:10px;width:65vw}.accordions-container{display:flex;justify-content:center;margin-top:30px;width:100%}.accordions-columns{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;width:65vw}.accordion{flex:1 1 45%;min-width:300px}.accordion h3{text-align:center}.accordion-item{margin-bottom:10px}.accordion-title{background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:8px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;justify-content:space-between;padding-left:10px;position:relative;transition:background .3s ease;z-index:2}.accordion-content{background-color:#f6f6f6;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000000d;max-height:0;opacity:0;overflow:hidden;transform:translateY(-20px);transition:max-height .6s ease,opacity .6s ease,transform .6s ease}.accordion-content p.location{color:#777;margin-top:5px}.accordion-content p:first-child{color:#333;font-weight:700}.experience-title,.formation-title{font-weight:300}.accordion-content.open{border-radius:0 0 8px 8px;box-shadow:0 4px 10px #0000000d;max-height:500px;opacity:1;padding:20px;transform:translateY(0)}.accordion-content p{margin:6px 0;padding-left:20px}.accordion-content p:last-of-type{color:#777;font-style:italic}.accordion-content p{line-height:1.6}.formation-btn{background:linear-gradient(135deg,#f9b7c4,#e39cad);border:none;border-radius:6px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;font-weight:500;margin-bottom:20px;margin-left:20px;margin-top:10px;padding:5px 10px;transition:all .3s ease}.formation-btn:hover{background:linear-gradient(135deg,#e39cad,#c97c90);box-shadow:0 5px 12px #00000026;transform:scale(1.05)}.arrow{color:#f9b7c4;font-size:25px;padding:15px;transform:rotate(0deg);transition:transform .6s ease-in-out}.arrow.open{transform:rotate(180deg)}.arrow:hover{color:#ffe7f1}@keyframes slideFade{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.section-separator{color:#f9b7c4;font-size:1rem;gap:15px;margin:20px 0}.competences,.section-separator{display:flex;justify-content:center}.competences{align-items:center;flex-direction:column;margin:0 auto;max-width:100vw;padding:20px;text-align:center;width:65vw}.front-back-container{display:flex}.skills-layout{align-items:flex-start;display:flex;gap:40px;margin-top:30px;max-width:100vw}.skills-left{align-items:center;display:flex;flex:1.2 1;flex-direction:column}.skills-right{flex:.8 1;text-align:left}.tab-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.tab-buttons button{background:#eee;border:none;border-radius:20px;cursor:pointer;font-weight:500;padding:10px 20px;transition:.3s}.tab-buttons button:hover{background:#ddd}.tab-buttons button.active{background:#f9b7c4;box-shadow:0 4px 10px #0000001a;color:#fff}.card-container,.tab-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card-container{align-items:center;margin:auto;max-width:700px;text-align:center;width:100%}.card-container .card{flex:0 1 220px}.card{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:110px;perspective:1000px;width:217px}.card-back,.card-front{backface-visibility:hidden;border-radius:12px;display:flex;height:100%;left:0;position:absolute;top:0;transition:transform .6s;width:100%}.card-front{background:linear-gradient(135deg,#fdfbfb,#ebedee)}.card-back,.card-front{display:flex;flex-direction:column;justify-content:center}.card-back{align-items:center;background:linear-gradient(135deg,#f7d4db,#f7c1ce);color:#000}.card-back,.flipped .card-front{transform:rotateY(180deg)}.flipped .card-back{transform:rotateY(0deg)}.section{flex:1 1;max-width:calc(50% - 20px);min-width:200px}.section,.tools-container{margin:auto;text-align:center}.tools-container{align-items:center;display:flex;justify-content:center}.card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.card-icon{border-radius:8px 8px 0 0;padding:10px;text-align:center}.card-icon i{color:#f9b7c4;font-size:2rem}.card-content{flex-grow:1;overflow:hidden;padding:15px}.card-content h4{color:#333;margin-top:0}.card-content p{color:#666}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);justify-items:center}.skills-layout h3{color:#333;font-size:1.5rem;font-weight:300;margin-bottom:15px;text-align:center}.practical-skills{text-align:left}.practical-skills ul{list-style:none;margin:auto;max-width:600px;padding:0}.practical-skills li{font-size:1rem;margin:8px 0;padding-left:10px}.faCheckCircle{color:#f9b7c4}.soft-skills{margin-top:40px;text-align:center}.soft-skills h3{color:#333;font-size:1.5rem;font-weight:300;margin-bottom:15px;text-align:center}.skills-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.badge{background:#f9b7c4;border-radius:20px;box-shadow:0 2px 5px #0000001a;color:#fff;font-size:.9rem;padding:8px 15px;transition:transform .2s ease}.badge:hover{transform:scale(1.05)}.skill-item{align-items:flex-start;display:flex;gap:8px;margin-bottom:8px}.skill-item .faCheckCircle{flex-shrink:0;margin-top:3px}.skill-item span{flex:1 1}.project{align-items:center;flex-direction:column;max-width:100vw;padding:20px;text-align:center;width:65vw}.project,.projects-container{display:flex;justify-content:center}.projects-container{box-sizing:border-box;flex-wrap:wrap;gap:30px;max-width:65vw;width:100%}.project-card{border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;height:450px;overflow:hidden;position:relative;transition:transform .3s ease;width:31.25vw}.project-card:hover{transform:scale(1.05)}.project-image{border-radius:10px;height:100%;object-fit:cover;object-position:left center;width:100%}.project-card:hover{box-shadow:0 8px 16px #0003;filter:brightness(.8)}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90%;max-width:900px;overflow-y:auto;padding:20px;position:relative;text-align:center;width:90%}.modal-video{height:auto;margin-bottom:10px;width:100%}.modal-video-container{border:10px solid #333;border-radius:8px;box-shadow:0 0 15px #00000080;height:auto;width:auto}.projet-btn{background:linear-gradient(135deg,#f9b7c4,#e39cad);border:none;border-radius:6px;box-shadow:0 3px 6px #0000001a;color:#fff;font-size:16px;margin:10px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.projet-btn:hover{background:linear-gradient(135deg,#e39cad,#c97c90);box-shadow:0 5px 12px #00000026;transform:scale(1.05)}.modal-details{display:flex;gap:20px;justify-content:space-between;margin-top:20px}.modal-column{flex:1 1;padding:10px}.modal-column p{margin-bottom:10px;white-space:pre-line}.modal-close{background:none;border:none;color:#000;cursor:pointer;font-size:40px;font-weight:700;padding:30px;position:absolute;right:0;top:0}.modal-close:focus,.modal-close:hover{color:#a567a2;outline:none;text-decoration:none;transform:scale(1.03)}.modal-column{display:flex;flex-direction:column;justify-content:flex-start}.text-modal{margin-left:0;margin-top:-10px;padding-left:0;text-align:left}.modal-column p{margin-bottom:0}.modal-description{font-weight:700}.modal-buttons{margin-top:15px}.modal-icon{padding-right:5px}.modal-buttons .text-btn{display:inline}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center}form{background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:10px;box-shadow:0 0 15px #0000001a;box-shadow:0 4px 8px #0006;margin-top:5px;max-width:600px;padding:20px;width:90vw}form fieldset{align-items:center;border:2px solid #f9b7c4;display:flex;flex-direction:column;margin:auto;padding-bottom:15px;padding-top:15px;width:29.5vw}form label{display:block;font-weight:700;margin-bottom:7px;width:88%}form input,form textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:17px;padding:10px;width:25vw}form textarea{height:10vh}form button{background:linear-gradient(135deg,#f9b7c4,#e39cad);border:none;border-radius:6px;box-shadow:0 3px 6px #0000001a;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;margin:0 auto;padding:10px 20px;width:7vw}form button:hover{background:linear-gradient(135deg,#e39cad,#c97c90);box-shadow:0 5px 12px #00000026;transform:scale(1.05)}.footer{background:radial-gradient(at 20% 20%,#ffe7f1,#0000 40%),radial-gradient(at 80% 30%,#ffd5f3,#0000 40%),radial-gradient(at 50% 80%,#f9b7c4,#0000 40%);background-color:#fff;color:#000;margin-top:50px;padding:20px;text-align:center}.footer-icons{margin-top:10px}.footer-icon{color:#faaebe;cursor:pointer;font-size:24px;margin:0 10px}.footer-icon:hover{color:#fdcdd7}.footer-content p{margin:5px 0}.copyright{padding-top:10px}@media(min-width:320px)and (max-width:767.98px){.separator{width:80vw}.burger-icon{display:flex;position:fixed;right:20px}.header{height:100px}.navbar{justify-content:space-between;left:0;width:100%;z-index:10}.navLinks,.navbar{align-items:center;background-color:#fff;display:flex;position:fixed}.navLinks{flex-direction:column;height:100vh;justify-content:center;list-style-type:none;margin:0;padding:0;right:-100%;top:0;transition:right .3s ease-in-out;width:60%;z-index:1000}.navLinks li{font-family:Montserrat,sans-serif;margin:20px 0}.navLinks a{color:#333;font-size:18px;padding-bottom:5px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.navLinks.open{right:0}.name{margin-left:20px}.dark{display:none}.moon-sun{font-size:20px}.dark-mode-toggle{font-size:16px}.competences h2{margin-bottom:-5px}.introduction{margin:0;padding:0;width:100vw}.intro-job,.intro-name{text-align:center;white-space:preline}.intro-name{font-size:25px}.intro-job{font-size:35px}.intro-btn button{font-size:0}.intro-btn i{font-size:24px;margin-right:0}.presentation{width:80vw}.details{box-shadow:0 2px 6px #0000000d;column-count:1;font-size:14px;padding:15px;text-align:center}.accordions-columns{align-items:center;flex-direction:column;width:80vw}.accordion{flex:none;width:100%}.accordion-title{justify-content:space-between}.skills-layout{flex-direction:column}.tab-buttons button{align-items:center;font-size:.7rem;padding:6px 12px}.skills-layout h3,.soft-skills h3{font-size:15px}.badge{font-size:10px}.front-back-container{flex-direction:column}.section-container h3{font-size:15px;margin-bottom:5px;margin-top:20px}.card-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);max-width:80vw}.card{width:37vw}.competences h2,.contact h2,.presentation h2,.project h2{font-size:18px}.card-back p{font-size:14px}.project{width:80vw}.projects-container{max-width:100vw}.project-card{height:auto;width:80vw}.modal-content{max-height:90vh;max-width:500px;padding:15px;width:80%;z-index:40}.modal-overlay{overflow:hidden}.modal-content h3{margin-top:0}.modal-buttons{gap:20px;margin-top:15px}.modal-buttons,.modal-buttons a{display:flex;justify-content:center}.modal-buttons a{align-items:center;background-color:#0000;border:none;height:40px;text-decoration:none;width:40px}.modal-buttons a:hover{background-color:#b997b8;width:50px}.modal-buttons a svg{color:#a567a2}.modal-details{flex-direction:column;font-size:15px}.modal-column{padding:5px}.modal-column p{text-align:center;white-space:normal}.modal-column .modal-description{margin-bottom:15px;margin-top:0}.modal-column .text-modal{margin-bottom:10px}.projet-btn{font-size:12px}.modal-close{padding-right:5px;padding-top:2px}.modal-buttons .text-btn{color:#000;padding-left:10px}.modal-buttons .modal-icon{align-items:center;display:flex;font-size:30px;justify-content:center}form{width:70vw}form fieldset{width:90%}form button{padding:5px;width:25vw}form input,form textarea{width:85%}.dark-mode .modal-buttons .text-btn{color:#fff}.dark-mode .modal-buttons a{background-color:#0000}.dark-mode .navLinks{background-color:#121212}.dark-mode .burger-icon:hover{transform:scale(1.05)}.dark-mode .modal-icon{color:#555}}@media screen and (min-width:768px)and (max-width:1024px){.burger-icon{cursor:pointer;display:flex;gap:4px;position:relative;z-index:1001}.navbar{background-color:#fffefe;justify-content:space-between;left:0;width:100%;z-index:10}.navLinks,.navbar{align-items:center;display:flex;position:fixed}.navLinks{background-color:#fff;flex-direction:column;height:100vh;justify-content:center;list-style-type:none;margin:0;padding:0;right:-100%;top:0;transition:right .3s ease-in-out;width:40%;z-index:1000}.navLinks li{font-family:Montserrat,sans-serif;margin:20px 0}.navLinks a{color:#333;font-size:18px;padding-bottom:5px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.navLinks.open{right:0}.name{margin-left:20px}.introduction{margin:0;padding:0;width:100vw}.introduction h1{text-align:center}.competences h2,.contact h2,.presentation h2,.project h2{font-size:35px}.competences h2{margin-bottom:-5px}.front-back-container{flex-direction:column}.card-container .card-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.skills-layout{align-items:center;flex-direction:column;text-align:center}.tab-buttons button{font-size:.7rem}.skills-left,.skills-right{flex:1 1;max-width:500px}.project-card{width:100%}.modal-content{height:80%;max-width:1000px;width:80%}.modal-details{flex-direction:column;font-size:15px}.modal-column{padding:5px}.modal-column p{text-align:center;white-space:normal}.modal-column .modal-description{margin-bottom:15px;margin-top:0}.modal-column .text-modal{margin-bottom:10px}form{width:50vw}form fieldset{width:90%}form button{width:12vw}form input,form textarea{width:85%}.dark-mode-toggle{font-size:16px}.dark-mode .burger-icon{color:#fff}.dark-mode .navLinks{background-color:#121212}}@media(max-width:1320px)and (min-width:1024px){.navbar{align-items:center;background-color:#fff;display:flex;justify-content:space-between;left:0;position:fixed;width:100%;z-index:10}.navLinks li{margin-right:20px}.dark-mode-toggle{font-size:16px}.name{font-size:20px;margin-left:20px}.introduction{margin:0;padding:0;width:100vw}.front-back-container{flex-direction:column}.card-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.project-card{width:100%}.modal-content{max-width:800px;width:100%}.modal-details{flex-direction:column;font-size:15px}.modal-column{padding:5px}.modal-column p{text-align:center;white-space:normal}.modal-column .modal-description{margin-bottom:15px;margin-top:0}.modal-column .text-modal{margin-bottom:10px}form fieldset{width:90%}form button{width:12vw}form input,form textarea{width:85%}}
/*# sourceMappingURL=main.d1b4d19e.css.map*/