@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Exo:wght@400;700&display=swap);.custom-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,var(--header-bg-color),var(--header-bg-color-darker));box-shadow:0 0 10px var(--shadow-color);position:sticky;top:0;transition:background .5s ease,box-shadow .5s ease;z-index:99}.navbar-brand{color:var(--primary-color);display:flex;font-weight:700}.brand-icon,.navbar-brand{align-items:center;font-size:2rem}.brand-icon{display:inline-flex;margin-right:.5rem}.nav-link{color:var(--link-color);font-size:1.4rem;margin:0 15px;transition:color .3s ease,transform .3s ease}.nav-link:hover{color:var(--link-hover-color);transform:translateY(-3px)}.nav-icon{display:inline;font-size:1.5rem;margin-right:.5rem}.menu-icon{color:var(--link-color);font-size:2rem;transition:transform .3s ease,color .3s ease}.navbar-toggler{background:none;border:none;padding:0}.navbar-toggler.open .menu-icon{color:var(--link-hover-color);transform:rotate(90deg)}.theme-toggle{align-items:center;display:flex;margin-left:auto}.theme-toggle-button{background-color:var(--slider-bg);background-color:#2d3058;border:none;box-shadow:0 0 5px var(--slider-checked-bg);color:var(--slider-icon-color);color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;outline:none;overflow:hidden;padding:.5em 1em;position:relative;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;z-index:1}.theme-toggle-button:after{background-color:hsla(0,0%,55%,.105);bottom:-50%;content:"";position:absolute;top:-50%;transform:translate3d(-700%,0,0) rotate(35deg);width:1.25em;z-index:-1}.theme-toggle-button:hover:after{transform:translate3d(700%,0,0) rotate(35deg);transition:transform .45s ease-in-out}body.dark .custom-header{background:linear-gradient(135deg,var(--header-bg-color),var(--header-bg-color-darker));box-shadow:0 0 25px var(--shadow-color)}body.dark .navbar-brand{color:var(--primary-color);text-shadow:0 0 5px var(--neon-color-1)}body.dark .name{color:var(--link-color);text-shadow:0 0 5px var(--neon-color-2)}body.dark .name:first-letter{color:var(--primary-color);text-shadow:0 0 20 var(--neon-color-1)}body.dark .nav-link{color:var(--link-color);text-shadow:0 0 5px var(--neon-color-2)}.theme-toggle-button.light{background-color:var(--slider-bg);color:var(--slider-icon-color)}.theme-toggle-button.dark{background-color:var(--slider-bg);border:2px solid var(--slider-checked-bg);box-shadow:0 0 15px var(--neon-color-1);color:var(--primary-color)}footer{background:linear-gradient(135deg,var(--header-bg-color),var(--header-bg-color-darker));box-shadow:0 0 10px var(--shadow-color);color:var(--primary-color);margin-top:auto;padding:20px 0;text-align:center}.footer-content{align-items:center;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-contact h4{color:var(--primary-color);font-size:1.2em;margin-bottom:10px}.social-icons a{color:var(--primary-color);font-size:1.5em;margin-right:15px;transition:color .3s ease}.social-icons a:hover{color:#ff6b6b}.footer-copyright{color:var(--primary-color);font-size:.9em;margin-top:10px;text-align:center}.footer-copyright h4{font-size:1em}@media (max-width:768px){.footer-content{flex-direction:column}.social-icons a{font-size:1.3em;margin-right:10px}}.contact-container{background-color:var(--background-color);border-radius:12px;box-shadow:0 0 15px var(--primary-color);color:#333;margin:5% auto;max-width:600px;padding:30px;transition:all .3s ease-in-out}.contact-container h2{color:var(--contact-h2-color);font-size:1.8rem;margin-bottom:25px;text-align:center}body.dark .contact-container h2{text-shadow:0 0 9px var(--contact-h2-color)}.contact-container label{color:var(--primary-color);display:block;font-weight:700;margin-bottom:10px}.contact-container input[type=email],.contact-container input[type=text],.contact-container textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:12px;transition:all .3s ease;width:100%}.contact-container textarea{min-height:150px}.contact-container input[type=email]:focus,.contact-container input[type=text]:focus,.contact-container textarea:focus{background-color:#eef7ff;border-color:#007bff;box-shadow:0 0 8px #007bff80;outline:none}body.dark .contact-container input,body.dark .contact-container textarea{color:var(--text-color)}.contact-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 20px;transition:background-color .3s ease}.contact-container button:hover{background-color:var(--contact-h2-submit-hover)}.contact-container span{color:red;font-weight:700}.error-message{align-items:center;animation:fadeIn .3s ease;color:#ff4d4f;display:flex;font-size:.875rem;margin-bottom:20px;margin-top:-10px}.error-icon{margin-right:5px}.input-error{background-color:#ffe6e6;border-color:#ff4d4f}body{background-color:var(--background-color);font-family:Exo,sans-serif!important;overflow:auto;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}body.no-scroll{overflow:hidden}.square{overflow-x:auto}body.square-open{overflow:hidden}main{padding:20px}main .grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:3%}.article1,.article2,.article3{cursor:pointer;transition:opacity .5s ease,transform .5s ease}.article-visible{opacity:1;transform:translateY(0)}.article-content{display:none;pointer-events:none;transition:opacity .5s ease}h2{font-size:24px;font-weight:700;margin:0;padding:0}.intro-section{animation:fadeIn 1.5s ease-in-out forwards;opacity:0}.eportfolio{border-radius:10px;color:var(--neon-color-1);display:inline-block;font-family:Orbitron,sans-serif;font-size:calc(1.5rem + 1vw);font-weight:500;letter-spacing:.2em;margin:0;padding:.5em 1em;position:relative;text-transform:uppercase}body.dark .eportfolio{background:linear-gradient(45deg,#00ffff1a,#ff00ff1a);border:2px solid var(--neon-color-1);box-shadow:0 0 10px #00ffff80,0 0 20px #ff00ff80;text-shadow:0 0 5px #0ffc,0 0 10px #f0fc}body.dark .eportfolio:before{color:var(--neon-color-2);content:"»";font-size:calc(4rem + 5vw);left:-2.5rem;position:absolute;top:25%;transform:translateY(-50%)}.eportfolio p{margin:0;padding-bottom:2rem;position:relative}@media (max-width:768px){.eportfolio{font-size:calc(1.2rem + 2vw);padding:.4em .8em}.eportfolio:before{font-size:calc(1.5rem + 2vw);left:-1.5rem}.eportfolio p{padding-bottom:.4rem}}@media (max-width:480px){.eportfolio{font-size:calc(1rem + 2vw);padding:.3em .6em}.eportfolio:before{font-size:calc(1.2rem + 2vw);left:-1rem}.eportfolio p{padding-bottom:.3rem}}@media (max-width:767px){.article-container{margin-bottom:60px}}@media (min-width:768px) and (max-width:1023px){.article-container{margin-bottom:60px}}@media (min-width:1024px){.article-container{margin-bottom:20px}}body.light{--header-bg-color:#f5f5f5;--header-bg-color-darker:#e0e0e0;--primary-color:#333;--link-color:#007bff;--link-hover-color:#0056b3;--slider-bg:#fff;--slider-checked-bg:#007bff;--slider-thumb-bg:#333;--slider-icon-color:#333;--neon-color-1: ;--neon-color-2: ;--background-color:#fafafa;--text-color:#333;--border-color:#007bff;--shadow-color: ;--contact-h2-color:#007bff;--contact-h2-submit-hover:#0056b3;--etude-button-active:#007bff}body.dark{--header-bg-color:#001f3f;--header-bg-color-darker:#001427;--primary-color:#0fc;--link-color:#f0f;--link-hover-color:#ff0090;--slider-bg:#333;--slider-checked-bg:#0fc;--slider-thumb-bg:#f1f1f1;--slider-icon-color:#f1f1f1;--neon-color-1:#0fc;--neon-color-2:#f0f;--background-color:#001f3f;--text-color:#b8b7b7;--border-color:#0fc;--shadow-color:#00ffff80;--contact-h2-color:#f0f;--contact-h2-submit-hover:#e900e9;--etude-button-active:#0fc}.StyledText{display:inline}@keyframes neonFlicker{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.neon-flicker{animation:neonFlicker .1s linear infinite}@keyframes neonFade{0%{opacity:1}to{opacity:0}}.neon-fade{animation:neonFade 3s linear}.mode-buttons{margin-top:10px}.mode-buttons button{background-color:initial;border:2px solid;cursor:pointer;margin-right:10px;padding:5px 10px;transition:background-color .3s ease,color .3s ease}.mode-buttons button:hover{background-color:#fff;color:#000}.square{--article-container-bg-color:#f7f9fc;--article-container-box-shadow:0 8px 20px #0000001a;align-items:center;background-color:#f4f4f4;background-color:#fff;box-shadow:-2px 0 5px #0000004d;color:#333;cursor:auto;display:flex;flex-direction:column;height:100vh;margin:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:width .5s ease-in-out,transform .5s ease-in-out;width:0;z-index:99}.square.show{overflow-y:auto;transform:translateX(0);width:85%}.square.hide{transform:translateX(100%);width:0}.square h1{color:#000;font-size:2.5em;margin:20px 0;text-align:center}.square .content{color:#333;font-size:1em;line-height:1.6em;padding:20px}.square .content p{margin-bottom:10px}.square .content ul{list-style-type:disc;padding-left:20px}.square .content ul li{margin-bottom:5px}#closeButton{background-color:red;border:none;color:#fff;cursor:pointer;font-size:1.2em;padding:10px;position:absolute;right:10px;top:10px;transition:background-color .3s ease;z-index:100}#closeButton:hover{background-color:#c00}.neon-border{animation:neon-animation 5s infinite;border:3px solid #0000;padding:20px}@keyframes neon-animation{0%,to{border-color:var(--neon-color-1);box-shadow:0 0 10px var(--neon-color-1),0 0 20px var(--neon-color-1),0 0 30px var(--neon-color-1)}50%{border-color:var(--neon-color-2);box-shadow:0 0 10px var(--neon-color-2),0 0 20px var(--neon-color-2),0 0 30px var(--neon-color-2)}}.neon-border:hover{transform:scale(1.05)}.animated-article{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;height:150px!important;justify-content:center;opacity:1;overflow:hidden;padding:10px;position:relative;transform:translateY(0);transition:opacity .5s ease,transform .5s ease}.article-hidden{opacity:0;transform:translateY(20px)}.animated-article h2{color:#333;font-size:calc(2rem + .5vw);font-weight:700;margin-top:0;text-align:center;transition:font-size .3s ease,margin-top .3s ease;vertical-align:bottom!important}.animated-article p{color:#666;font-size:1rem;margin-bottom:0}@keyframes textFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-article h2,.animated-article p{animation:textFadeInUp .5s ease forwards}.grid-buttons{display:flex;justify-content:center;margin-top:20px}.switch-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;text-transform:uppercase;transition:background-color .3s ease}.switch-button:hover{background-color:#0056b3}.neon-border{border:2px solid #0000;box-shadow:0 0 20px #007bff80;position:relative}.neon-border:before{animation:neon-pulse 1.5s infinite;background:none;border:2px solid #007bff;border-radius:8px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes neon-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (max-width:768px){.grid-buttons{align-items:center;flex-direction:column}.switch-button{margin-top:10px}}.animated-article:hover h2{align-self:flex-start;font-size:1.2rem!important;margin-top:0;transform:translateY(-10px)}.animated-article:hover{transform:scale(1.05);transition:transform .3s ease}.animated-article:hover .article-content{display:block}.animated-article+.down-arrow{margin-top:10px}.down-arrow{background-color:initial;border:none;cursor:pointer;display:flex;font-size:1.5em!important;justify-content:center;margin-bottom:10px;padding:10px;text-align:center;transition:transform .3s ease,color .3s ease;width:100%}.down-arrow:hover{box-shadow:0 0 20px #007bff80;color:#007bff;transform:scale(1.3)}.up-arrow{background-color:initial;border:none;cursor:pointer;display:flex;font-size:30px;justify-content:center;margin-bottom:10px;padding:10px;text-align:center;transition:transform .3s ease,color .3s ease;width:100%}.up-arrow:hover{box-shadow:0 0 20px #007bff80;color:#007bff;transform:scale(1.3)}.erreur{align-items:center;background:var(--header-bg-color);color:var(--primary-color);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.error-container{animation:scaleIn .5s ease-out forwards;text-align:center;transform:scale(.9)}.error-code{-webkit-text-fill-color:#0000;animation:pulse 2s infinite;background:-webkit-linear-gradient(45deg,#f06,#fc0);-webkit-background-clip:text;font-size:10rem;font-weight:900;letter-spacing:.1em;margin:0;position:relative}.error-page-message{animation:fadeIn 1s .5s forwards;font-size:1.5rem;font-weight:300;margin:20px 0;opacity:0}.back-link{background-color:var(--primary-color);border-radius:5px;color:var(--header-bg-color);font-size:1.2rem;padding:10px 20px;text-decoration:none;transition:background-color .3s}.back-link:hover{background-color:#555}.tea-error{align-items:center;background-color:var(--header-bg-color);border-radius:10px;color:#fc0;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;padding:20px;text-shadow:0 0 10px #ffcc00b3}.tea-img{animation:bounce 1.5s infinite;margin-top:20px;width:150px}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{text-shadow:0 0 10px #ff0000b3}50%{text-shadow:0 0 20px #ff000080}to{text-shadow:0 0 10px #ff0000b3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}
/*# sourceMappingURL=main.db95dcbf.css.map*/