html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Monserrat,sans-serif}a{color:#2d2c2c;text-decoration:none}.navbar-content ul{display:flex;gap:15px;justify-content:flex-end;align-items:center;padding:25px;width:100%}.navbar-content ul li{list-style:none;width:auto}.navbar-content ul li a{position:relative;padding:5px}.navbar-content ul li a:before{content:"";position:absolute;background-color:#e8e9e9;border-radius:6px;bottom:0;left:0;width:100%;height:0%;z-index:-1;transition:height .5s ease}.navbar-content ul li a:hover:before{height:100%}.navbar-content ul .theme{padding:.2em;width:auto}.navbar-content ul .theme__light,.navbar-content ul .theme__dark{background-color:transparent;border:none;cursor:pointer}.navbar-content ul .theme__light svg,.navbar-content ul .theme__dark svg{width:25px;fill:#555}.global-navbar{position:sticky;top:0;background-color:#fff;z-index:1000;border-bottom:1px solid rgb(220,220,220)}.light-theme{transition:all .3s ease-out}.light-theme ul{color:#2d2c2c}.light-theme .theme__light,.light-theme .theme__dark{fill:#555}.dark-theme{transition:all .3s ease-in;background-color:#2d2c2c;border-bottom:1px solid #2d2c2c}.dark-theme a{color:#fff}.dark-theme a:before{background-color:#cebf148c!important}.dark-theme .theme__light svg,.dark-theme .theme__dark svg{fill:#cebf14!important}.my-description-content{display:flex;gap:40px;padding:30px;align-items:center}.my-description-content .my-image{width:250px;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px #0000001a}.my-description-content .my-image img{width:100%;display:block;-o-object-fit:cover;object-fit:cover}.my-description-content .my-description-details{flex:1}.my-description-content .my-description-details h1{margin-bottom:20px;font-weight:700;font-size:2.2rem;color:#222}.my-description-content .my-description-details p{line-height:1.6;font-size:1rem;color:#555;margin-bottom:25px}.my-description-content .my-description-details .my-social-media ul{margin-top:15px;padding:0;list-style:none;display:flex}.my-description-content .my-description-details .my-social-media ul li{margin-right:20px}.my-description-content .my-description-details .my-social-media ul li a{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background-color:#f0f0f0;transition:background-color .3s ease,transform .3s ease}.my-description-content .my-description-details .my-social-media ul li a svg{width:30px;height:30px;transition:fill .3s ease}.my-description-content .my-description-details .my-social-media ul li a:hover{background-color:#0070f3;outline:none;transform:scale(1.05)}.my-description-content .my-description-details .my-social-media ul li a:hover svg{fill:#fff}.my-description-content .my-description-details .my-social-media .download-cv{margin-top:15px;cursor:pointer;padding:10px 18px;border:none;background-color:#0070f3;color:#fff;font-weight:600;font-size:1rem;border-radius:6px;transition:background-color .3s ease,box-shadow .3s ease}.my-description-content .my-description-details .my-social-media .download-cv:hover{background-color:#005bb5;box-shadow:0 0 8px #005bb5b3;outline:none}.my-description{scroll-margin-top:70px;overscroll-behavior:none;display:flex;place-content:center;padding:50px 0}.light-theme h1,.light-theme h3{color:#222}.dark-theme h1,.dark-theme h3{color:#fff!important}.dark-theme .my-social-media a{background-color:#cebf148c!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px #cebf1466}.dark-theme .my-social-media a svg{fill:#212020;width:24px;transition:fill .3s ease}.dark-theme .my-social-media a:hover,.dark-theme .my-social-media a:focus{transform:scale(1.1);box-shadow:0 4px 12px #cebf1498}.dark-theme .my-social-media a:hover svg,.dark-theme .my-social-media a:focus svg{fill:#000}.habilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:50px 0}.habilities .soft-skills ul,.habilities .languages ul,.habilities .learning ul{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-left:30px}.habilities .soft-skills ul li,.habilities .languages ul li,.habilities .learning ul li{list-style-type:disc;margin-bottom:8px}.me,.soft-skills,.languages,.learning{border:1px solid transparent;border-radius:16px;padding:24px;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.me:hover,.soft-skills:hover,.languages:hover,.learning:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 20px #0000001a}.me h3,.soft-skills h3,.languages h3,.learning h3{margin-bottom:16px;font-size:1.3rem;color:#1f2937;font-weight:700;position:relative;padding-left:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.me h3:before,.soft-skills h3:before,.languages h3:before,.learning h3:before{content:"";position:absolute;left:0;top:4px;width:6px;height:80%;background:linear-gradient(to bottom,#4f46e5,#6366f1);border-radius:4px}.me h3:hover:before,.soft-skills h3:hover:before,.languages h3:hover:before,.learning h3:hover:before{background-color:#0070f3}.me p,.soft-skills p,.languages p,.learning p{cursor:default;color:#374151;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1.5}.about-me{scroll-margin-top:60px;padding:25px 40px}.about-me h2{margin-bottom:20px;font-size:2rem;text-align:center;color:#333}.project-section{scroll-margin-top:100px}.project-section h2{margin-bottom:20px;font-size:2rem;text-align:center;color:#333}.project-section .projects-container{padding:50px}.project-section .projects-container .projects{display:flex;place-content:center;gap:50px;flex-wrap:wrap}.project-section .projects-container .projects .project{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease;width:450px}.project-section .projects-container .projects .project:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.project-section .projects-container .projects .project .project-image{width:365px;overflow:hidden;border-radius:10px 10px 0 0;width:100%}.project-section .projects-container .projects .project .project-image img{display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%;height:200px;transition:transform .3s ease}.project-section .projects-container .projects .project .project-details{padding:15px}.project-section .projects-container .projects .project .project-details h3{font-size:1.4rem;margin-bottom:10px;color:#222}.project-section .projects-container .projects .project .project-details p{margin-bottom:10px;line-height:1.6;width:100%;color:#555}.project-section .projects-container .projects .project .project-details ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-section .projects-container .projects .project .project-details ul li{list-style:none}.project-section .projects-container .projects .project .project-details ul li svg{margin:10px 0;width:45px}.project-section .projects-container .projects .project .project-details .see-project{display:flex;place-content:center;flex-wrap:wrap;gap:15px;padding:10px 0}.project-section .projects-container .projects .project .project-details .see-project a{cursor:pointer;padding:10px 18px;border:none;background-color:#0070f3;color:#fff;font-weight:600;font-size:1rem;border-radius:6px;transition:background-color .1s ease,box-shadow .3s ease;margin:0 10px}.project-section .projects-container .projects .project .project-details .see-project a:hover{background-color:#005bb5;box-shadow:0 0 8px #005bb5b3}.project-section .projects-container .projects .project:nth-of-type(2) .see-project a:last-of-type,.project-section .projects-container .projects .project:nth-of-type(3) .see-project a:last-of-type,.project-section .projects-container .projects .project:nth-of-type(5) .see-project a:last-of-type{position:relative}.project-section .projects-container .projects .project:nth-of-type(2) .see-project a:last-of-type:after,.project-section .projects-container .projects .project:nth-of-type(3) .see-project a:last-of-type:after,.project-section .projects-container .projects .project:nth-of-type(5) .see-project a:last-of-type:after{content:"Project in development";position:absolute;background-color:#ff4d4f;color:#fff;display:flex;align-items:center;justify-content:center;bottom:0;right:0;font-size:.8em;font-weight:600;padding:7px 8px;border-radius:6px;box-shadow:0 2px 6px #00000026;white-space:wrap;z-index:1;width:90%;height:65%}.project-section .projects-container .projects .project:nth-of-type(2) a[href]:last-of-type,.project-section .projects-container .projects .project:nth-of-type(3) a[href]:last-of-type,.project-section .projects-container .projects .project:nth-of-type(5) a[href]:last-of-type{pointer-events:none}.tech-section{scroll-margin-top:100px}.tech-section h2{text-align:center;font-size:2rem;color:#333;margin-bottom:30px}.tech-section .tech-content{padding:50px}.tech-section .tech-content ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px}.tech-section .tech-content ul li{text-align:center}.tech-section .tech-content ul li svg{width:50px;height:50px;margin-bottom:10px;overflow:hidden}.tech-section .tech-content ul li p{font-size:.9em;color:#555}.tools-section h2{text-align:center;font-size:2rem;color:#333;margin-bottom:30px}.tools-section .tools-content{padding:50px}.tools-section .tools-content ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:40px}.tools-section .tools-content ul li{text-align:center}.tools-section .tools-content ul li svg{width:50px;height:50px;margin-bottom:10px;transition:filter .3s ease}.tools-section .tools-content ul li p{font-size:.9rem;color:#555}.contact-section{text-align:center}.contact-section h2{font-size:2rem;margin-bottom:20px;color:#333}.contact-section .contact-content{padding:20px}.contact-section .contact-content p{font-size:inherit;line-height:25px;color:#555}.contact-section .contact-content ul{list-style:none;padding:0;margin-top:15px}.contact-section .contact-content ul li{margin-bottom:10px;font-size:1rem}.contact-section .contact-content ul li a{color:#1e90ff;text-decoration:none;transition:color .3s ease,transform .3s ease}.contact-section .contact-content ul li a:hover{color:#0a66c2;transform:scale(1.05)}form{border:1px solid #dcdcdc;border-radius:12px;box-shadow:0 4px 12px #dcdcdc99;width:600px;margin:2rem auto;padding:1rem;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}form .input-wrap{display:flex;flex-direction:column;align-items:center}form .input-wrap__names{display:flex;justify-content:center;gap:40px;width:80%;padding:.75em 0}form .input-wrap__important-inputs{display:flex;flex-direction:column;justify-content:center;gap:20px;width:80%;padding:.75em 0}form .input-container{width:100%}form .input-container label{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0 6px;font-weight:600;color:#333;font-size:.95rem}form .input-container input,form .input-container textarea{width:100%;padding:.6em .8em;font-size:1rem;color:#444;border:1.5px solid #ccc;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}form .input-container input:focus,form .input-container textarea:focus{outline:none;border-color:#0070f3;box-shadow:0 0 8px #0070f380;background-color:#f9fbff;color:#222}form .input-container input::-moz-placeholder,form .input-container textarea::-moz-placeholder{color:#aaa;font-style:italic}form .input-container input::placeholder,form .input-container textarea::placeholder{color:#aaa;font-style:italic}form button[type=submit]{background-color:#0070f3;border:none;color:#fff;cursor:pointer;padding:12px 24px;font-weight:700;font-size:1.1rem;border-radius:8px;transition:background-color .2s ease,box-shadow .3s ease;margin:15px 0 10px;align-self:center;box-shadow:0 4px 8px #0070f366}form button[type=submit]:hover{background-color:#005bb5;box-shadow:0 0 12px #005bb5cc}form button[type=submit]:active{background-color:#004494;box-shadow:none}main .main-content{margin:0 4%;padding:20px}main .main-content li{list-style:none}.light-theme{background-color:#fff}.dark-theme{background-color:#121212;border:none}.dark-theme section h2,.dark-theme section h3,.dark-theme section h4{color:#e0e0e0!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.7)}.dark-theme section p{color:#cfcfcf!important}.dark-theme .main-content .about-me .habilities .me,.dark-theme .main-content .about-me .habilities .soft-skills,.dark-theme .main-content .about-me .habilities .languages,.dark-theme .main-content .about-me .habilities .learning{border:1px solid #333!important;background:#1a1a1a;border-radius:8px;box-shadow:0 2px 6px #00000080}.dark-theme .main-content .about-me .habilities .me ul,.dark-theme .main-content .about-me .habilities .soft-skills ul,.dark-theme .main-content .about-me .habilities .languages ul,.dark-theme .main-content .about-me .habilities .learning ul{color:#dcdcdc!important;list-style-type:disc}.dark-theme .main-content .projects article{background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:8px;box-shadow:0 3px 8px #0009;transition:background-color .3s ease}.dark-theme .main-content .projects article:hover{background-color:#222!important;border-color:#555!important}.dark-theme .main-content .projects p{color:#dcdcdc!important}.dark-theme .main-content .tech-section .tech-content ul li:nth-child(8) svg path{fill:#ddd!important}.dark-theme .main-content .tools-content ul li:first-child svg{fill:#f1502f!important}.dark-theme .main-content .tools-content ul li:first-child svg,.dark-theme .main-content .tools-content ul li:nth-child(2) svg,.dark-theme .main-content .tools-content ul li:last-child svg{fill:#ddd}.dark-theme .main-content .contact-section ul li{color:#dcdcdc;margin-bottom:.5rem;font-weight:500}.dark-theme .main-content .contact-section form{box-shadow:none;border:1px solid #333;border-radius:8px;padding:1rem;background-color:#1a1a1a}.dark-theme .main-content .contact-section form .input-container label{color:#d7d7d7}.dark-theme .main-content .contact-section form .input-container input,.dark-theme .main-content .contact-section form .input-container textarea{background-color:#2a2a2a;border:none;border-radius:6px;color:#e0e0e0;padding:.6rem .8rem;font-size:1rem;transition:background-color .3s ease,box-shadow .3s ease}.dark-theme .main-content .contact-section form .input-container input:focus,.dark-theme .main-content .contact-section form .input-container textarea:focus{background-color:#3a3a3a;outline:none;box-shadow:0 0 5px #6a9fb5;color:#fff}.explore-content h3{color:#fff;text-align:center}.explore-content nav{background:transparent;border-bottom:none;position:static;z-index:initial;scroll-behavior:unset}.explore-content nav div{margin:0;text-align:center}.explore-content nav div ul{display:flex;flex-direction:column;padding:0;gap:12px}.explore-content nav div ul li{list-style:none}.explore-content nav div ul a{color:#ddd;text-decoration:none;padding:6px 0;font-weight:500;transition:color .3s ease}.explore-content nav div ul a:hover{color:#fc0;text-decoration:underline}.resources-content h3{color:#fff}.resources-content .resources-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px}@media screen and (min-width: 768px) and (max-width: 1023px){.global-navbar .navbar-content ul{display:flex;gap:10px;padding:20px}.global-navbar .navbar-content ul li{font-size:1.09em;font-weight:600;text-align:center}.my-description{padding:0}.my-description .my-description-content{text-align:center}.my-description .my-description-content .my-description-details h3{font-size:1.35em}.my-description .my-description-content .my-description-details .my-social-media{margin-top:25px;width:100%}.my-description .my-description-content .my-description-details .my-social-media ul{gap:13px;justify-content:center}.my-description .my-description-content .my-description-details .my-social-media ul li{margin:0;padding:5px}.my-description .my-description-content .my-description-details .my-social-media ul li a{width:60px;height:60px}.my-description .my-description-content .my-description-details .my-social-media ul li a svg{width:35px;height:35px}.my-description .my-description-content .my-description-details .my-social-media .download-cv{margin-top:25px;font-size:1.2em}.about-me{margin-top:20px;scroll-margin-top:85px}.about-me .habilities{padding:15px 0}.about-me .habilities p,.about-me .habilities ul{font-size:1.2em;color:#555}.project-section{margin-top:50px;scroll-margin-top:110px}.project-section .projects-container{padding:15px 0}.project-section .projects-container .project-details h3{font-size:1.8em!important}.project-section .projects-container .project-details p{font-size:1.2em;color:#555}.project-section .projects-container .project-details h4{font-size:1.35em}.tech-section,.tools-section{scroll-margin-top:120px;margin-top:50px}.tech-section h2,.tools-section h2{margin:8px}.tech-section .tech-content,.tech-section .tools-content,.tools-section .tech-content,.tools-section .tools-content{padding:15px 0}.tech-section .tech-content ul,.tech-section .tools-content ul,.tools-section .tech-content ul,.tools-section .tools-content ul{gap:30px}.tech-section .tech-content ul li svg,.tech-section .tools-content ul li svg,.tools-section .tech-content ul li svg,.tools-section .tools-content ul li svg{width:60px;height:60px}.tech-section .tech-content ul li p,.tech-section .tools-content ul li p,.tools-section .tech-content ul li p,.tools-section .tools-content ul li p{font-size:1.2em}.contact-section{scroll-margin-top:120px;margin-top:50px}.contact-section .contact-content p{font-size:.9em}.contact-section .contact-content ul{margin-top:30px}.contact-section .contact-content ul li{font-size:.8em}.contact-section form{width:80%}.contact-section form button[type=submit]{margin:15px 0 10px}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content h3{font-size:1.8em!important}.footer-content ul li{text-align:center;font-size:1em}}@media screen and (max-width: 767px){.global-navbar .navbar-content ul{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px}.global-navbar .navbar-content ul li{font-size:1.09em;font-weight:600;text-align:center}.global-navbar .navbar-content ul li a{display:block;padding:0}.my-description{padding:0}.my-description .my-description-content{flex-direction:column;text-align:center}.my-description .my-description-content .my-description-details h3{font-size:1.35em}.my-description .my-description-content .my-description-details .my-social-media{margin-top:25px;width:100%}.my-description .my-description-content .my-description-details .my-social-media ul{gap:13px;justify-content:center}.my-description .my-description-content .my-description-details .my-social-media ul li{margin:0;padding:5px}.my-description .my-description-content .my-description-details .my-social-media ul li a{width:65px;height:65px}.my-description .my-description-content .my-description-details .my-social-media ul li a svg{width:35px;height:35px}.my-description .my-description-content .my-description-details .my-social-media .download-cv{margin-top:25px;font-size:1.2em}.about-me{margin-top:20px;scroll-margin-top:85px}.about-me .habilities{padding:15px 0}.about-me .habilities p,.about-me .habilities ul{font-size:1.2em;color:#555}.project-section{margin-top:50px;scroll-margin-top:110px}.project-section .projects-container{padding:15px 0;margin:0 auto}.project-section .projects-container .project:hover{transform:none}.project-section .projects-container .project .project-details h3{font-size:1.8em!important}.project-section .projects-container .project .project-details p{font-size:1.2em;color:#555}.project-section .projects-container .project .project-details h4{font-size:1.35em}.tech-section,.tools-section{scroll-margin-top:80px;margin-top:50px}.tech-section h2,.tools-section h2{margin:8px}.tech-section .tech-content,.tech-section .tools-content,.tools-section .tech-content,.tools-section .tools-content{padding:15px 0}.tech-section .tech-content ul,.tech-section .tools-content ul,.tools-section .tech-content ul,.tools-section .tools-content ul{gap:30px}.tech-section .tech-content ul li svg,.tech-section .tools-content ul li svg,.tools-section .tech-content ul li svg,.tools-section .tools-content ul li svg{width:60px;height:60px}.tech-section .tech-content ul li p,.tech-section .tools-content ul li p,.tools-section .tech-content ul li p,.tools-section .tools-content ul li p{font-size:1.2em}.contact-section{scroll-margin-top:120px;margin-top:50px}.contact-section .contact-content p{font-size:1.2em}.contact-section .contact-content ul{margin-top:30px}.contact-section .contact-content ul li{font-size:1.2em}.contact-section .contact-content ul li a{word-wrap:break-word;white-space:normal}.contact-section form{width:100%;padding:0}.contact-section form button[type=submit]{margin:15px 0 10px}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content h3{font-size:1.8em!important}.footer-content ul li{text-align:center;font-size:1em}}.global-footer{background-color:#121212;color:#ddd;border-top:1px solid #333;padding:40px 20px;font-family:Inter,sans-serif}.global-footer .footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}.global-footer h3{font-weight:600;font-size:1.25rem;margin-bottom:1rem}