.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#ffffff1a;border-bottom:1px solid #ffffff4d;color:#fff;padding:.5rem 1rem;position:sticky;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.sticky{background-color:#000c}.header nav,.header nav .header-logo-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.header nav .header-logo-container{height:50px;width:50px}.header nav .header-logo-container #rect1{transform-origin:center;transition:transform .5s ease}.header nav .header-logo-container #barre0,.header nav .header-logo-container #barre1,.header nav .header-logo-container #barre2{transition:transform .5s ease}.header nav .header-logo-container:hover #rect1{transform:rotate(-45deg)}.header nav .header-logo-container:hover #barre1{transform:translate(-15px,15px)}.header nav .header-logo-container:hover #barre2{transform:translateY(-15px)}.header nav .header-logo-container:hover #barre0{transform:translate(15px,15px)}.header nav .header-logo-container .header-logo{height:auto;width:100%}.header nav .nav-links{display:flex;gap:1rem;list-style:none;margin-left:auto}.header nav .nav-links a{color:#fff;font-size:.9rem;padding:.5rem;text-decoration:none}.header nav .nav-links a:hover{color:#000}main{padding-top:80px}@media (max-width:1000px){.header nav{flex-direction:column}.header nav .nav-links{gap:1rem;margin-left:0;padding-top:.5rem}.header nav .nav-links a{font-size:1rem;padding:0}}.footer{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:row;justify-content:center;left:0;padding:1rem;width:100%;z-index:10}.footer .footer-content{display:flex;font-size:1rem;gap:4rem}.footer .footer-content a{align-items:center;color:#fff;display:flex;gap:5px;text-decoration:none;transition:color .2s ease}.footer .footer-content a svg{height:40px;width:40px}.footer .footer-content a:hover{color:#ccc}@media (max-width:1000px){.footer{padding:1.8rem}.footer .footer-content{gap:5rem}.footer .footer-content svg{height:40px;width:40px}}.layout{display:flex;flex-direction:column;min-height:100vh;position:relative}.main-page{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;width:100%}.title-banner{color:#000;display:inline-block;font-size:2rem;font-weight:600;letter-spacing:2px;margin:0 auto;padding:1rem 2rem;position:relative;text-align:center;text-transform:uppercase;transition:color .5s ease-in-out}.title-banner:after{background-color:#000;bottom:0;content:"";height:3px;left:0;position:absolute;transition:all .5s ease-in-out;width:0}.title-banner:hover:after{width:100%}.background-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.article-container{border-radius:15px;max-width:1400px;overflow:hidden;padding:20px;position:relative;width:100%}.typing-container{align-items:center;display:flex;height:auto;justify-content:center;margin:2rem 0;text-align:center;width:100%}.typing-container .typing-text{color:#000;display:inline-block;font-family:Roboto Mono,Courier New,Courier,monospace;font-size:2rem;height:auto;line-height:1.5;overflow:hidden;white-space:nowrap;word-break:break-word}.typing-container .typing-text:before{content:"_";visibility:hidden}.typing-container .typing-text:after{animation:blink .8s steps(2) infinite;content:"_"}@media (max-width:768px){.typing-container .typing-text{border-right:none;font-size:1.5rem;text-align:center;white-space:normal}}@media (max-width:480px){.typing-container .typing-text{border-right:none;font-size:1.2rem;line-height:1.4;white-space:normal}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@media (max-width:1000px){.main-page{padding:10px}.article-container{max-width:100%;padding:15px}.typing-container{height:2rem}.typing-container .typing-text{font-size:1.5rem}.title-banner{font-size:2.2em;padding:8px 16px}.title-banner:after{height:1.5px}.Skills-section,.login-section,.profile-section,.projects-section{align-self:center;max-width:100%}.project-list{grid-template-columns:1fr}.card{margin-bottom:20px;max-width:100%;width:100%}.pie-chart-container{align-items:center;display:flex;flex-direction:column;gap:20px}.category-container{margin-bottom:20px;max-width:100%;width:100%}body{font-size:14px}h1,h2,h3{font-size:1.5em}}.section-container{border-radius:25px;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;margin-bottom:50px;padding:20px;position:relative;width:100%}.section-container:before{animation:border-animation 10s infinite;background:linear-gradient(90deg,#000,#ccc,#fff);background-size:300% 100%;border-radius:25px;content:"";height:4px;left:0;margin:0 auto;position:absolute;top:0;width:100%;z-index:1}@keyframes border-animation{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}@media (max-width:1000px){.section-container{margin-bottom:30px;padding:15px}}html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:70px}body{box-sizing:border-box;color:#000;font-family:Inter,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:600}p{font-weight:400;line-height:1.6}@media (max-width:768px){html{font-size:110%}}@media (max-width:480px){html{font-size:120%}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100 900;src:url(/static/media/Inter-VariableFont.e05c5f3d1fa6a3893d84.ttf) format("truetype")}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:100 900;src:url(/static/media/RobotoMono-VariableFont.e14e25b7c497634efdfe.ttf) format("truetype")}.scroll-to-top{background-image:url(https://res.cloudinary.com/zeldoux/image/upload/v1732045642/up-arrow-png-27176_ybhtk4.png);background-repeat:no-repeat;background-size:cover;border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0000004d;cursor:pointer;height:50px;opacity:.6;position:fixed;right:20px;transition:opacity .3s ease-in-out;width:50px;z-index:1000}.scroll-to-top:hover{opacity:1}.scroll-to-top.visible{display:block;opacity:.6}@media (min-width:769px){.scroll-to-top{display:none}}:root altcha-widget{--altcha-border-width:0px;--altcha-color-border:#0000}:root altcha-widget::part(logo){filter:brightness(0)}:root altcha-widget::part(footer){background-color:#000;border:none;color:#000}:root .altcha.svelte-ddsc3z,:root fieldset{border:none}.card{border-radius:8px;box-shadow:0 4px 8px #0003;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease;width:100%}.card:hover{transform:scale(1.05)}.card-image{aspect-ratio:16/9;flex-shrink:0;object-fit:cover;width:100%}.card-title{flex:1 1;font-size:1rem;padding:10px;text-align:center}.card-title,.contact-section{align-items:center;display:flex;justify-content:center}.contact-section{flex-direction:column;margin:0 auto;max-width:600px;padding:20px}.contact-section h2{margin-bottom:20px}.contact-section .contact-form{display:flex;flex-direction:column;width:100%}.contact-section .contact-form label{color:#000;font-weight:700;margin-bottom:15px}.contact-section .contact-form input,.contact-section .contact-form textarea{border:1px solid #ddd;border-radius:5px;margin-top:5px;padding:10px;width:100%}.contact-section .contact-form textarea{min-height:100px;resize:vertical}.contact-section .contact-form button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease}.contact-section .contact-form button:hover{background-color:#555}.contact-section .form-status{color:#000;font-size:.9rem;margin-top:15px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;max-height:50rem;max-width:80%;overflow:auto;padding:20px;position:relative;width:90%}@media (max-width:1000px){.modal-content{max-height:95%;overflow-y:auto;padding:15px;width:95%}}.modal-content .modal-close{background:#0000;border:none;cursor:pointer;display:flex;font-size:1.5rem;justify-content:flex-end;padding:0 0 1rem}@media (max-width:1000px){.modal-content .modal-close{font-size:1.2rem}}.modal-content .project-info{display:flex;flex-direction:column;justify-content:center;padding:1rem}.modal-content .project-info h2,.modal-content .project-info h3{border-top:2px solid #ddd;color:#333;font-size:1.5rem;margin:1rem 0;padding-top:1rem}.modal-content .project-info p{font-size:1rem;line-height:1.6;margin:1rem 0;text-align:justify}.modal-content .project-info ul{list-style:disc;margin:1rem 0 1rem 1.5rem}.modal-content .project-info li{margin:.5rem 0}.modal-content .project-info a{color:#000;display:inline-block;font-weight:700;margin-top:1.5rem;text-align:center;text-decoration:none}.modal-content .project-info a:hover{text-decoration:underline}@media (max-width:1000px){.modal-content .project-info h2,.modal-content .project-info h3{font-size:1.2rem}.modal-content .project-info p{font-size:.95rem}}.modal-content .skills-icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.modal-content .skills-icons img{height:50px;object-fit:contain;transition:transform .3s;width:50px}.modal-content .skills-icons img:hover{transform:scale(1.1)}.modal-content .skills-icons span{color:#333;display:inline-block;font-size:.9rem;margin:.5rem;text-align:center}@media (max-width:1000px){.modal-content .skills-icons img{height:40px;width:40px}}.modal-body{color:#000;display:flex;flex-direction:column-reverse;justify-content:center}.modal-body img{display:block;height:auto;margin:0 auto;max-width:400px;object-fit:contain;width:100%}.modal-body p{line-height:1.4;text-align:justify}@media (max-width:1000px){.modal-body{font-size:.9rem}}.project-list{grid-gap:30px;color:#000;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);justify-items:center}@media (max-width:1000px){.project-list{gap:20px;grid-template-columns:1fr}}.profile{align-items:flex-start;display:flex;flex-direction:column;gap:2rem}.profile .profile-content{align-items:center;box-sizing:border-box;display:flex;gap:2rem;justify-content:space-around;width:100%}.profile .profile-text{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2rem;max-width:50%}.profile .profile-text .profile-section{display:flex;flex-direction:column;gap:1rem}.profile .profile-text .profile-section .section-title{border-left:4px solid #000;color:#000;font-weight:700;padding-left:10px;text-transform:uppercase}.profile .profile-text .profile-section .profile-description{color:#000;font-size:1rem;line-height:1.5}.profile .logo-container{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;height:auto;justify-content:center;max-width:30%;width:30%}.profile .logo-container #rect1{transform-origin:center;transition:transform .5s ease}.profile .logo-container #barre0,.profile .logo-container #barre1,.profile .logo-container #barre2{transition:transform .5s ease}.profile .logo-container:hover #rect1{transform:rotate(-45deg)}.profile .logo-container:hover #barre1{transform:translate(-15px,15px)}.profile .logo-container:hover #barre2{transform:translateY(-15px)}.profile .logo-container:hover #barre0{transform:translate(15px,15px)}.profile .logo-container .landing-logo{height:auto;width:100%}@media (max-width:1000px){.profile .profile-content{flex-direction:column;justify-content:center;text-align:center}.profile .profile-text{max-width:100%}.profile .profile-text .profile-section .section-title{width:fit-content}.profile .profile-text .profile-section .profile-description.mobile-hide,.profile .profile-text .profile-section .section-title.mobile-hide{display:none}.logo-container{height:auto;width:100%}}.skills{padding:20px;text-align:center}.skills-title{color:#000;font-size:2em;margin-bottom:20px}.pie-chart-container{align-items:center;display:flex;gap:40px;justify-content:space-around;padding:40px 0;width:100%}.category-container{align-items:center;display:flex;flex-direction:column;height:300px;padding:10px;position:relative;width:300px}.category-title{color:#000;font-size:1.4em;margin-bottom:15px;position:relative}.category-title:after{background-color:#000;content:"";height:2px;left:0;position:absolute;top:1.8rem;transition:width .3s ease;width:0}.category-container:hover .category-title:after{width:100%}.pie-chart-wrapper{height:100%;position:relative;width:100%}.custom-tooltip{word-wrap:break-word;box-sizing:border-box;max-width:90vw;pointer-events:none;position:absolute;transform:translate(-50%,-110%);transition:all .1s ease;z-index:9999}@media (max-width:1000px){.custom-tooltip{bottom:10%;left:50%;transform:translate(-50%,-100%)}}.tooltip-content{align-items:flex-start;background-color:#1e1e1ee6;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;max-width:100%;padding:10px}@media (max-width:1000px){.tooltip-content{align-items:center;flex-direction:column;text-align:center}}.tooltip-logo{flex-shrink:0;height:40px;margin-right:10px;width:40px}@media (max-width:1000px){.tooltip-logo{margin-bottom:5px;margin-right:0}}.tooltip-content strong{font-size:16px;margin-bottom:5px}.tooltip-content p{font-size:14px;margin:0}.error-page{align-items:center;color:#333;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.error-page h1{font-size:2em;margin-bottom:20px}.error-message{background-color:#ccc;border:1px solid #d8000c;border-radius:5px;color:#d8000c;margin-bottom:20px;max-width:500px;padding:15px;width:80%}.back-link{color:#000;font-size:1em;text-decoration:none}.back-link:hover{text-decoration:underline}.gallery{border-radius:25px;margin-top:1.5rem;padding:1rem;position:relative}.gallery,.gallery .gallery-image-wrapper{align-items:center;display:flex;justify-content:center}.gallery .gallery-image-wrapper{background-color:#fff;border:2px solid #555;border-radius:15px;height:60vh;overflow:hidden;width:100%}@media (max-width:1000px){.gallery .gallery-image-wrapper{height:40vh}}.gallery .gallery-image{max-height:100%;max-width:100%;object-fit:contain}.gallery .arrow{background:none;border:none;color:#333;cursor:pointer;font-size:2em;padding:0 1rem;position:absolute;top:50%;transform:translateY(-50%)}.gallery .arrow:hover{color:#007bff}.gallery .left-arrow{left:0}.gallery .right-arrow{right:0}.gallery .image-index{background:#00000080;bottom:10px;color:#fff;font-size:1rem;padding:5px 0;position:absolute;text-align:center;width:100%}@media (max-width:1000px){.gallery .image-index{font-size:.9rem}}
/*# sourceMappingURL=main.9d50487b.css.map*/