@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:Monserrat,sans-serif}a{color:#2d2c2c;text-decoration:none}html{scroll-behavior:smooth}.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 #cebf1499}.dark-theme .my-social-media a:hover svg,.dark-theme .my-social-media a:focus svg{fill:#000}.my-description-content{display:flex;align-items:center;gap:40px;padding:30px}.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-details{flex:1}.my-description-details h1{margin-bottom:20px;font-weight:700;font-size:2.2rem;color:#222}.my-description-details h3{margin-bottom:20px;font-weight:500;font-size:1.5rem;color:#555}.my-description-details p{line-height:1.6;font-size:1rem;color:#555;margin-bottom:25px}.my-description-details .my-social-media ul{margin-top:15px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:20px}.my-description-details .my-social-media 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-details .my-social-media li a svg{width:30px;height:30px;transition:fill .3s ease}.my-description-details .my-social-media li a:hover{background-color:#0070f3;transform:scale(1.05)}.my-description-details .my-social-media li a:hover svg{fill:#fff}.my-description-details .my-social-media .download-cv{margin-top:20px;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-details .my-social-media .download-cv:hover{background-color:#005bb5;box-shadow:0 0 8px #005bb5b3}nav{position:sticky!important;top:0;background-color:#fff;z-index:1000;border-bottom:1px solid rgb(220,220,220);transition:all .3s ease}nav .welcome{display:none}nav .navbar-content ul{display:flex;gap:15px;justify-content:flex-end;align-items:center;padding:25px;width:100%}nav .navbar-content ul li{list-style:none}nav .navbar-content ul li a{position:relative;padding:5px;color:inherit;text-decoration:none}nav .navbar-content ul li a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:#e8e9e9;border-radius:6px;z-index:-1;transition:height .5s ease}nav .navbar-content ul li a:hover:before{height:100%}nav .navbar-content ul .theme{padding:.2em;width:auto}nav .navbar-content ul .theme__light,nav .navbar-content ul .theme__dark{background-color:transparent;border:none;cursor:pointer}nav .navbar-content ul .theme__light svg,nav .navbar-content ul .theme__dark svg{width:25px;fill:#555;transition:fill .3s ease}nav .side-menu-btn button{display:none}nav.dark-theme{transition:all .3s ease-in;background-color:#2d2c2c;border-bottom:1px solid #2d2c2c}nav.dark-theme .navbar-content{background-color:#121212!important}nav.dark-theme .navbar-content .side-menu-btn button svg{border:none;outline:none}nav.dark-theme a{color:#fff!important}nav.dark-theme a:before{background-color:#cebf148c!important}nav.dark-theme .theme__dark svg{fill:#cebf14!important}.about-me{scroll-margin-top:60px;padding:25px 40px}.about-me h2{margin-bottom:20px;font-size:2rem;text-align:center;color:#333}.about-me .habilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:50px 0}.about-me .habilities .soft-skills ul,.about-me .habilities .languages ul,.about-me .habilities .learning ul{-webkit-user-select:none;user-select:none;padding-left:30px}.about-me .habilities .soft-skills ul li,.about-me .habilities .languages ul li,.about-me .habilities .learning ul li{list-style-type:disc;margin-bottom:8px}.about-me .me,.about-me .soft-skills,.about-me .languages,.about-me .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}.about-me .me:hover,.about-me .soft-skills:hover,.about-me .languages:hover,.about-me .learning:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 20px #0000001a}.about-me .me h3,.about-me .soft-skills h3,.about-me .languages h3,.about-me .learning h3{margin-bottom:16px;font-size:1.3rem;color:#1f2937;font-weight:700;position:relative;padding-left:16px;-webkit-user-select:none;user-select:none;cursor:default}.about-me .me h3:before,.about-me .soft-skills h3:before,.about-me .languages h3:before,.about-me .learning h3:before{content:"";position:absolute;left:0;top:4px;width:6px;height:80%;background:linear-gradient(to bottom,#4f46e5,#6366f1);border-radius:4px}.about-me .me h3:hover:before,.about-me .soft-skills h3:hover:before,.about-me .languages h3:hover:before,.about-me .learning h3:hover:before{background-color:#0070f3}.about-me .me p,.about-me .soft-skills p,.about-me .languages p,.about-me .learning p{cursor:default;color:#374151;font-size:1rem;-webkit-user-select:none;user-select:none;line-height:1.5}.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-card{background-color:red;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-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.project-section .projects-container .projects__project-card__image{width:365px;overflow:hidden;border-radius:10px 10px 0 0;width:100%}.project-section .projects-container .projects__project-card__image img{display:block;object-fit:cover;object-position:top center;width:100%;height:200px;transition:transform .3s ease}.project-section .projects-container .projects__project-card__details{padding:15px}.project-section .projects-container .projects__project-card__details h3{font-size:1.4rem;margin-bottom:10px;color:#222}.project-section .projects-container .projects__project-card__details p{margin-bottom:10px;line-height:1.6;width:100%;color:#555}.project-section .projects-container .projects__project-card__details__tech-stack ul{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-section .projects-container .projects__project-card__details__tech-stack ul li{list-style:none}.project-section .projects-container .projects__project-card__details__tech-stack ul li svg{margin:10px 0;width:40px}.project-section .projects-container .projects__project-card__see-project{display:flex;place-content:center;flex-wrap:wrap;gap:15px;padding:10px 0}.project-section .projects-container .projects__project-card__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;position:relative}.project-section .projects-container .projects__project-card__see-project a:hover{box-shadow:0 0 8px #005bb5b3}.project-section .projects-container .projects__project-card__see-project .cms-missing{position:relative;pointer-events:none;opacity:.8;text-align:center}.project-section .projects-container .projects__project-card__see-project .cms-missing:after{content:"CMS is missing, will be finished soon";position:absolute;top:0;left:0;background-color:#ff4d50;color:#fff;font-size:.9em;width:100%;height:100%;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:1;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)}.contact-section 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}.contact-section form .input-wrap{display:flex;flex-direction:column;align-items:center}.contact-section form .input-wrap__names{display:flex;justify-content:center;gap:40px;width:80%;padding:.75em 0}.contact-section form .input-wrap__important-inputs{display:flex;flex-direction:column;justify-content:center;gap:20px;width:80%;padding:.75em 0}.contact-section form .input-container{width:100%}.contact-section 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}.contact-section form .input-container input,.contact-section 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}.contact-section form .input-container input:focus,.contact-section form .input-container textarea:focus{outline:none;border-color:#0070f3;box-shadow:0 0 8px #0070f380;background-color:#f9fbff;color:#222}.contact-section form .input-container input::placeholder,.contact-section form .input-container textarea::placeholder{color:#aaa;font-style:italic}.contact-section 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}.contact-section form button[type=submit]:hover{background-color:#005bb5;box-shadow:0 0 12px #005bb5cc}.contact-section 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}@media screen and (min-width: 768px) and (max-width: 1023px){nav .navbar-content ul{display:flex;gap:10px;padding:20px}nav .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){nav{position:sticky;display:flex;align-items:center;justify-content:space-between;padding:10px}nav .navbar-content{background-color:#fff;position:absolute;top:95%;left:0;width:100%;height:17em;max-height:0;overflow:hidden;overflow-y:auto;transition:all .35s ease-in-out}nav .navbar-content ul{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px;font-size:1.25em}nav .navbar-content ul li{font-size:1.09em;font-weight:600;text-align:center}nav .navbar-content ul li a{display:block;padding:0}nav .navbar-content.active{opacity:1;max-height:1000px}nav .welcome{display:block}nav .side-menu-btn button{background-color:transparent;border:none;display:block;fill:#555;width:4.5em}nav.dark-theme{background-color:#121212}.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}.global-footer .resources-content h3{color:#fff}.global-footer .resources-content .resources-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}.global-footer .footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px}.global-footer .explore-content h3{color:#fff;text-align:center}.global-footer .explore-content .navbar-content{background-color:red;background:transparent;border-bottom:none;position:static;z-index:initial;scroll-behavior:unset;text-align:center}.global-footer .explore-content .navbar-content ul{display:flex;flex-direction:column;padding:0;gap:12px}.global-footer .explore-content .navbar-content ul li{list-style:none}.global-footer .explore-content .navbar-content ul a{color:#ddd;text-decoration:none;padding:6px 0;font-weight:500;transition:color .3s ease}.global-footer .explore-content .navbar-content ul a:hover{color:#fc0;text-decoration:underline}