body.light-theme,body.light-theme #footer-links a,body.light-theme #footer-links h2,body.light-theme #footer-links p,body.light-theme #lighthouse a,body.light-theme #lighthouse h2,body.light-theme #lighthouse p,body.light-theme .ide-main #confidentialite-content a,body.light-theme a,body.light-theme h1,body.light-theme h2,body.light-theme h3{color:var(--light-text-color)}body.light-theme .ide-nav a:hover,body.light-theme .projects-dropdown:hover{background-color:var(--light-nav-hover-color)}.slider i,.theme-toggle{transform:translateY(-50%)}.explorer-menu i,.ide-nav a i{margin-right:1em}.projects-dropdown,body{font-family:Consolas,"Courier New",monospace}.ide-nav a,.projects-submenu a,a{text-decoration:none}#projects,section{margin-bottom:2em}#about,#contact,#projects{padding:1.3em}#projects h3,#projects p,h2{margin-bottom:1em}#contact ul,.nav-menu,ul{list-style-type:none}#contact a,#projects a,#projects h3,#skills h3,.oclock{text-decoration:underline}:root{--bg-color:#191925;--text-color:#d4d4d4;--text-hover-color:#f9c47f;--nav-bg-color:#181717;--nav-hover-color:#191925;--border-color:#474747;--icon-about:#ffffff;--icon-skills:#12dd2d;--icon-projects:#256cb2;--icon-contact:#f05033;--icon-lightbulb:#f9c47f;--icon-html:#e34f26;--icon-css:#1572b6;--icon-scss:#cd6799;--icon-js:#f7df1e;--icon-sql:#5979ae;--icon-ng:#a31a13;--icon-node:#8cc84b;--icon-email:#37b7ee;--icon-linkedin:#0077b5;--icon-github:#ffffff;--icon-empathy:#ff69b4;--icon-teamwork:#ffffff;--icon-organization:#2253f6;--icon-analytical:#9c27b0;--icon-curiosity:#0066ff;--icon-creativity:#ff4500;--light-bg-color:#f0f0f0;--light-text-color:#333333;--light-text-hover-color:#007bff;--light-nav-bg-color:#e0e0e0;--light-nav-hover-color:#d0d0d0;--light-border-color:#cccccc;--light-icon-about:#000000;--light-icon-github:#000000;--light-icon-teamwork:#000000}body.light-theme{background-color:var(--light-bg-color)}body.light-theme .ide-nav{background-color:var(--light-nav-bg-color);border-color:var(--light-border-color)}body.light-theme #contact a:hover,body.light-theme #footer-links a:hover,body.light-theme #lighthouse a:hover,body.light-theme .ide-main #confidentialite-content a:hover,body.light-theme a:hover{color:var(--light-text-hover-color)}body.light-theme .ide-nav li:first-child i{color:var(--light-icon-about)}body.light-theme .projects-dropdown,body.light-theme .projects-dropdown .dropdown-icon{color:#000!important}body.light-theme .projects-dropdown:hover{color:var(--light-text-hover-color)!important}body.light-theme #contact li:nth-child(3) i{color:var(--light-icon-github)}body.light-theme #skills .ss-container ul li:nth-child(2) i{color:var(--light-icon-teamwork)}body.light-theme .facebook,body.light-theme .facebook i,body.light-theme .linkedin,body.light-theme .linkedin i{color:#fff!important}.theme-toggle{position:absolute;right:10px;top:50%}.ide-footer,.slider{right:0;left:0;bottom:0}.theme-toggle label{position:relative;display:inline-block;width:40px;height:20px}.slider,.slider i{position:absolute}.theme-toggle input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;background-color:#ccc;transition:.4s;border-radius:20px}.explorer-menu,.ide-nav{background-color:var(--nav-bg-color)}.slider i{top:49%;left:5px;font-size:1em;color:#333;transition:left .4s}.explorer-menu,.ide-nav a,body{color:var(--text-color)}input:checked+.slider{background-color:#2196f3}input:checked+.slider i{left:25px;color:#fff}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-color);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.ide-container{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 2.5em)}.explorer-menu{display:flex;align-items:center;justify-content:flex-start;border:none;cursor:pointer;padding:.5em 1em;width:100%;font-size:1em}.projects-dropdown,.share-btn{align-items:center;cursor:pointer}.ide-nav,h2{border-bottom:1px solid var(--border-color)}.explorer-menu i{transition:transform .3s}.explorer-menu.active i,.projects-dropdown.active .dropdown-icon{transform:rotate(90deg)}.ide-nav{position:sticky;top:0;z-index:1000}.nav-menu{display:none}.nav-menu.active,.projects-submenu.active{display:block}.ide-nav li{margin-left:2em}.ide-nav li:nth-child(3) a{padding-left:.8em}.ide-nav a{display:block;padding:.5em}.ide-nav a:hover,.projects-dropdown:hover{background-color:var(--nav-hover-color);color:var(--text-hover-color)}.ide-nav li:first-child i{color:var(--icon-about)}.ide-nav li:nth-child(2) i{color:var(--icon-skills)}.ide-nav li:nth-child(3)>a>i{color:var(--icon-projects)}.ide-nav li:nth-child(3) .projects-dropdown i:not(.dropdown-icon){color:var(--icon-projects);margin-right:.8em}.dropdown-icon,.projects-dropdown,.projects-submenu a,a{color:var(--text-color)}.ide-nav li:nth-child(3) .dropdown-icon{color:var(--text-color);margin-left:.1em}.ide-nav li:nth-child(4) i{color:var(--icon-contact)}.ide-nav li:nth-child(5) i{color:var(--icon-lightbulb);margin-right:1.6em}.projects-dropdown{display:flex;width:100%;background:0 0;border:none;padding:.5em;font-size:1em;text-align:left}#footer-links,#lighthouse,#projects h2,#projects h3,#skills h3,#skills ul,.cookie-banner,.header-section,.header-section h3,.ide-footer,h2{text-align:center}.dropdown-icon{transition:transform .3s;margin-right:1.8em}.projects-submenu{display:none;padding-left:2em}.projects-submenu a{padding:.3em .5em;display:block}.projects-submenu a:hover{background-color:var(--nav-hover-color)}.ide-main{flex:1;padding:20px;overflow-y:auto}#skills ul li,.header-section{flex-direction:column;display:flex}.header-section{align-items:center;width:100%}.header-section h3{width:100%}.header-section h1{font-size:2em;margin:.2em 0}.animate-slide-in{opacity:0;transform:translateY(20px);animation:.5s ease-in-out forwards slideIn}#contact h2.animate-slide-in,#projects h2.animate-slide-in,#skills h2.animate-slide-in,.header-section h3.animate-slide-in{animation-delay:.5s}.header-section h1:first-of-type.animate-slide-in{animation-delay:1s}.header-section h1:nth-of-type(2).animate-slide-in{animation-delay:1.5s}.profile-image.animate-slide-in{animation-delay:2s}@keyframes slideIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-animation{animation:none!important;opacity:0!important;transform:translateY(20px)!important}.profile-image{max-width:auto;height:auto;border-radius:50%}#projects .thanks iframe,.share-btn{border:none}section{padding-top:2em}h2{padding-bottom:.5em;text-transform:uppercase}h1{font-size:2em}ul{margin-top:10px}#skills ul{margin-right:.5rem;font-size:1.6rem;display:grid;grid-template-columns:repeat(2,1fr);gap:15px 10px;justify-content:center;padding:0 10px}#skills ul li{margin-top:30px;margin-bottom:10px;align-items:center;justify-content:flex-start;height:100%}#skills ul li i{font-size:1.8rem;margin-bottom:5px}#skills h3{margin-bottom:20px;margin-top:20px}#skills .hs-container ul li:first-child i{color:var(--icon-html)}#skills .hs-container ul li:nth-child(2) i{color:var(--icon-scss)}#skills .hs-container ul li:nth-child(3) i{color:var(--icon-js)}#skills .hs-container ul li:nth-child(4) i{color:var(--icon-sql)}#skills .hs-container ul li:nth-child(5) i{color:var(--icon-ng)}#skills .hs-container ul li:nth-child(6) i{color:var(--icon-node)}#skills .ss-container ul li:first-child i{color:var(--icon-empathy)}#skills .ss-container ul li:nth-child(2) i{color:var(--icon-analytical)}#skills .ss-container ul li:nth-child(3) i{color:var(--icon-curiosity)}#skills .ss-container ul li:nth-child(4) i{color:var(--icon-creativity)}#projects h2{margin-bottom:1.5em}#projects .mbt,#projects .ocoffee,#projects .readme,#projects .sirene,#projects .thanks{margin-top:4em;margin-bottom:3em}#projects h3{margin-top:4em}#contact a:hover,#footer-links a:hover,#projects a:hover,.ide-main #confidentialite-content a:hover,.oclock:hover{color:var(--text-hover-color)}#projects iframe,#projects video{margin:0 auto;width:100%;height:auto}#contact ul{padding:0}#contact li{margin-bottom:.5em}#contact li i{margin-right:.5em}.hs-container,.ss-container{margin-bottom:20px;padding:20px}#contact li:first-child i{color:var(--icon-email)}#contact li:nth-child(2) i{color:var(--icon-linkedin)}#contact li:nth-child(3) i{color:var(--icon-github)}.social-share{display:flex;flex-direction:column;gap:1em;margin-top:20px;align-items:center}.share-btn{display:flex;gap:10px;padding:5px 15px;font-size:.8rem;font-weight:700;border-radius:30px;transition:background .3s,transform .2s;max-width:300px;justify-content:center;text-decoration:none!important}.ide-footer,.return-link .fa-stack{font-size:.8em}.share-btn i{font-size:1rem}.linkedin{background-color:var(--icon-linkedin);color:#fff}.linkedin:hover{background-color:#005582;transform:scale(1.05)}.facebook{background-color:#0e54b4;color:#fff}.ide-footer,.vs-code-icon:hover::after{background-color:var(--nav-bg-color);color:var(--text-color)}.facebook:hover{background-color:#1259c3;transform:scale(1.05)}#footer-links a,.ide-main #confidentialite-content a{color:var(--text-color);text-decoration:underline}.ide-footer{border-top:1px solid var(--border-color);position:fixed;height:2.5em;z-index:1001;display:flex;align-items:center;padding:0;width:100%}.vs-code-icon-container{position:relative;width:30px;height:100%}.vs-code-icon{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:space-between;background-color:var(--border-color);padding:0 4px;width:100%;cursor:pointer}.vs-code-icon i:first-child{color:#fff;font-size:8px;align-self:flex-start;transform:translateY(13px) translateX(6px)}.vs-code-icon i:last-child{color:#fff;font-size:8px;align-self:flex-end;transform:translateY(-14px) translateX(-6px)}.vs-code-icon:hover::after,.vs-code-icon:hover::before{position:absolute;left:50%;transform:translateX(-30%);pointer-events:none}.vs-code-icon:hover::before{content:"";border-width:5px;border-style:solid;border-color:transparent transparent var(--nav-bg-color) transparent;top:-10px}.vs-code-icon:hover::after{content:attr(title);padding:5px 10px;border-radius:5px;white-space:nowrap;top:-35px;font-size:12px;border:1px solid var(--border-color)}.ide-footer p{flex-grow:1;margin:0}#lighthouse{max-width:800px;margin:40px auto;padding:20px}#lighthouse h2{color:#fff;margin-bottom:20px}#lighthouse p{font-size:1em;color:#fff;line-height:1.6;margin-bottom:30px}.gif-container{max-width:100%;overflow:hidden;border-radius:8px}.gif-container img{width:100%;height:auto;display:block}#footer-links{border-top:1px solid var(--border-color);max-width:800px;margin:20px auto;padding:10px}.cookie-banner{position:fixed;bottom:180px;left:50%;transform:translateX(-50%);max-width:300px;width:90%;color:#181717;background:linear-gradient(to right,#8ca899,#edf0f1);padding:25px;z-index:9000;border-radius:20px;display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .5s}.cookie-banner.visible{opacity:1}.cookie-banner::before{content:'';display:block;border-radius:60px;width:100px;height:100px;background-image:url('./assets/monsterez.gif');background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:10px}.cookie-banner p{margin-bottom:15px}.cookie-banner button{border-radius:25px;padding:10px 20px;background:#aa250e;color:#fff;border:none;cursor:pointer;transition:background-color .3s;font-weight:700}.cookie-banner button:hover{box-shadow:0 4px 6px #00000077;background-color:#8a1e0b}.close-btn{position:absolute;top:0;right:10px;font-size:1.5em;cursor:pointer;color:#888;transition:color .3s}.close-btn:hover{color:#333}@keyframes clickAnimation{0%,100%,25%,5%{transform:translate(0,0) scale(1);opacity:0}20%,24%{transform:translate(-20px,2px) scale(1);opacity:1}24.1%{transform:translate(-20px,2px) scale(1);opacity:0}}.oclock i{display:inline-block;animation:6s ease-in-out infinite clickAnimation}.return-link{display:inline-flex;align-items:center;padding:10px 15px;margin:10px 0;color:#fff;text-decoration:none;transition:.3s}.return-link:hover{color:#f9c47f}#confidentialite-content{padding:2em}#confidentialite-content h3{text-align:center;margin-top:1.5em}@media (min-width:48em){.ide-container{flex-direction:row}.ide-nav{width:15em;height:100vh;border-right:1px solid var(--border-color);border-bottom:none;position:fixed;top:0;left:0}.ide-main{flex:1;margin-left:16em}.header-section{margin-top:80px;margin-bottom:100px}.profile-image{border-radius:250px;width:200px}#about,#projects{margin-bottom:100px;padding:5.5em}#skills{padding:4.5em}#skills ul{grid-template-columns:repeat(2,1fr);font-size:2rem;margin-bottom:100px}#projects iframe,#projects video{margin-left:6em;width:80%;height:400px}#contact{margin-top:100px;padding:5.5em}.social-share{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5em;margin-top:5em}.cookie-banner{bottom:180px;left:56%;max-width:800px}#confidentialite-content{padding:6em}#confidentialite-content h3{text-align:center;margin-top:1.5em}}