@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";body.dark-theme{background-color:#151515;color:#f0f0f0}body.dark-theme h1,body.dark-theme h2,body.dark-theme h3,body.dark-theme a,body.dark-theme p,body.dark-theme em,body.dark-theme .projects-title{color:#f0f0f0!important}body.dark-theme .modal-contact a{color:#000!important}body.dark-theme .active-link{color:#66cdaa!important}body.dark-theme .browseProjects{color:#f0f0f0;border:1px solid rgb(102,205,170)}body.dark-theme .getInTouch{border:1px solid #d0cece}body.dark-theme .project-heading-image{background-color:#282828}body.dark-theme .project-container{background-color:#282828!important;border:2px solid gray!important}body.dark-theme .project-info{color:#f0f0f0!important}body.dark-theme .cv-btn a{color:#666;border:1px solid #fff}body.dark-theme .year,body.dark-theme .list-frameworks ul,body.dark-theme .box-skills li,body.dark-theme .contact-btns h1,body.dark-theme .content-h1{color:#f0f0f0!important}body.dark-theme .education-title{color:#66cdaa!important}body.dark-theme .theme-icon-path{fill:#fff!important}body.dark-theme .big-box,body.dark-theme .small-box,body.dark-theme .other-projects-img,body.dark-theme .project-box,body.dark-theme .techs{background-color:#282828!important}body.dark-theme .contact-text a{color:#66cdaa!important}body.dark-theme .contact-text a:hover{color:#fff!important}body.dark-theme nav .logo a{color:#f0f0f0}body.dark-theme nav .links-mobile{background-color:#151515;border-left:2px solid rgb(102,205,170)}body.dark-theme .skills-buttons button{border:1px solid rgb(240,240,240)}body.dark-theme .skills-buttons .tech-item{color:#f0f0f0}body.dark-theme .visitBtn{border:1px solid rgb(102,205,170)!important;background:#151515!important}body.dark-theme .visitBtn:hover{background-color:#1e1e1e!important}body.dark-theme .contact-modal{background-color:#151515!important;border:1px solid rgb(102,205,170)!important}body.dark-theme .btn-email{color:#66cdaa!important}body.dark-theme .btn-email:hover{color:#fff!important}@media (max-width: 768px){body.dark-theme .theme-icon-change .tooltiptext{color:#f0f0f0}}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif;font-weight:600}a,h2,h3,p,em{color:#666}.main-color,.active-link{color:#66cdaa}h1{color:#333}.heading-h1{font-size:5.5rem;line-height:5.3rem;color:#333;letter-spacing:-.2rem;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.content-h1{font-size:3.2rem;color:#333;font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.text-h3{font-size:1.4rem;line-height:2rem;color:#666;font-family:Quicksand,sans-serif}.buttons{display:flex;gap:1rem}.buttons .getInTouch{background-color:#66cdaa;color:#f0f0f0;border:1px solid grey;text-decoration:none;border:1px solid black;padding:.6rem .9rem;border-radius:10px;font-weight:700}.buttons .browseProjects{text-decoration:none;border:1px solid #333333;padding:.6rem .9rem;border-radius:10px;color:#666;font-weight:700}.main-wrapper{display:flex;flex-direction:column;min-height:100vh;max-width:1350px;margin:0 auto;gap:3rem}.main-wrapper .main-content{flex:1;padding:20px}body::-webkit-scrollbar{width:15px}body::-webkit-scrollbar-track{background-color:#d6d5d5}body::-webkit-scrollbar-thumb{background-color:#00e6b8;border-radius:5px}@media (max-width: 512px){.content-h1{font-size:2.7rem}.heading-h1{font-size:4rem;line-height:4rem}.text-h3{font-size:1.1rem;margin-bottom:1rem;line-height:1.5rem}}nav{display:flex;justify-content:space-between;align-items:center;height:80px;padding:0 20px;box-sizing:border-box}nav .logo a{text-decoration:none;font-size:1.2rem;color:#333;font-family:Quicksand,sans-serif}nav .links{display:flex;gap:1.5rem}nav .links a{text-decoration:none;font-size:1.15rem;font-family:Quicksand,sans-serif}nav .links a:hover{color:#66cdaa;transition:ease .3s}nav .links .active-link{color:#66cdaa}nav .nav-btns{display:flex;gap:1rem;align-items:center;justify-content:center}nav .nav-btns label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}nav .nav-btns label .peer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav .nav-btns label .toggleSwitch{background-color:#e5e7eb;border:1px solid #d1d5db;border-radius:9999px;width:50px;height:24px;position:relative;transition:background-color .2s ease;margin:auto}nav .nav-btns label .toggleSwitch:after{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%);background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;height:20px;width:20px;transition:transform .2s ease}nav .nav-btns label .peer:focus-visible+.toggleSwitch{outline:none;box-shadow:0 0 0 4px #66cdaa}nav .nav-btns label .dark .peer:focus-visible+.toggleSwitch{box-shadow:0 0 0 4px #9a3412}nav .nav-btns label .peer:checked+.toggleSwitch{background-color:#66cdaa}nav .nav-btns label .peer:checked+.toggleSwitch:after{transform:translate(22px,-50%);border-color:#fff}[dir=rtl] nav .nav-btns label .peer:checked+.toggleSwitch:after{transform:translate(-100%)}nav .nav-btns label .dark .peer+.toggleSwitch{background-color:#374151;border-color:#4b5563}nav .links-mobile,nav .hamburger-icon{display:none}nav .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none}nav .nav-btns-mobile{display:none}@media (max-width: 768px){nav .links{display:none}nav .hamburger-icon{display:block;position:absolute;top:25px;right:20px;z-index:3;cursor:pointer;color:#fff}nav .links-mobile{width:70%;height:100vh;background-color:#f0f0f0;z-index:2;transition:all .5s ease-in-out;position:absolute;top:0;right:0;font-size:1.5rem;border-left:5px solid rgb(102,205,170);padding-top:4rem}nav .links-mobile a{text-decoration:none}nav .links-mobile a:hover{color:#66cdaa;transition:ease .3s}nav .links-mobile .active-link{color:#66cdaa}nav .links-mobile.active{display:flex;flex-direction:column;align-items:center;gap:2.5rem;animation-name:slide-in-right;animation-duration:.5s;animation-timing-function:ease-out}nav .nav-btns-mobile{display:flex;gap:1rem;align-items:center;justify-content:center}nav .nav-btns-mobile label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}nav .nav-btns-mobile label .peer{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}nav .nav-btns-mobile label .toggleSwitch{background-color:#e5e7eb;border:2px solid #d1d5db;border-radius:9999px;width:50px;height:24px;position:relative;transition:background-color .2s ease;margin:auto}nav .nav-btns-mobile label .toggleSwitch:after{content:"";position:absolute;top:50%;left:2px;transform:translateY(-50%);background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;height:20px;width:20px;transition:transform .2s ease}nav .nav-btns-mobile label .peer:focus-visible+.toggleSwitch{outline:none;box-shadow:0 0 0 4px #66cdaa}nav .nav-btns-mobile label .dark .peer:focus-visible+.toggleSwitch{box-shadow:0 0 0 4px #9a3412}nav .nav-btns-mobile label .peer:checked+.toggleSwitch{background-color:#66cdaa}nav .nav-btns-mobile label .peer:checked+.toggleSwitch:after{transform:translate(22px,-50%);border-color:#fff}[dir=rtl] nav .nav-btns-mobile label .peer:checked+.toggleSwitch:after{transform:translate(-100%)}nav .nav-btns-mobile label .dark .peer+.toggleSwitch{background-color:#374151;border-color:#4b5563}nav .nav-btns{display:none}nav .theme-icon-change .tooltiptext{width:150px;bottom:0;top:100%;left:0;margin-left:-50px;background:none;color:#666}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.home-wrapper{display:flex;flex-direction:column;gap:9rem}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;margin-top:5rem}.welcome .greetings{display:flex;flex-direction:column;gap:1.2rem}.welcome .greetings h2{font-size:1.2rem}.welcome .greetings .blue{color:#4a90e2cc}.welcome .greetings .yellow{color:#f1c40fcc}.welcome .greetings .greetings-text{max-width:650px;margin-top:1rem}.welcome .greetings-img-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.welcome .greetings-img-wrapper .greetings-img{border:2px solid rgb(102,205,170);width:400px;height:400px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:#0000003d 0 3px 8px}.welcome .greetings-img-wrapper .greetings-img img{width:80%;height:80%;border-radius:50%;object-fit:cover;box-shadow:#0003 0 3px 8px}.welcome .greetings-img-wrapper .quote{font-family:Quicksand,sans-serif}@media (max-width: 834px){.welcome{flex-direction:column;gap:4rem}.welcome .greetings{padding:1rem}.welcome .greetings .greetings-text{max-width:100%}}@media (max-width: 512px){.welcome{flex-direction:column;margin-top:0rem}.welcome .greetings{gap:0;padding:0}.welcome .greetings .greetings-text{margin-top:2rem;margin-bottom:1rem}.welcome .greetings .work-info h2{font-size:.9rem}.welcome .greetings-img-wrapper .greetings-img{width:280px;height:280px;border-radius:50%}}.home-projects{width:100%;display:flex;flex-direction:column;justify-content:center;gap:2rem;margin-top:5rem}.home-projects .projects-heading{text-align:left}.home-projects .projects-heading .projects-subtitle{font-size:1.1rem;color:#666}.home-projects a{text-decoration:none}.home-projects .home-all-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:1350px;margin:0 auto}.home-projects .home-all-projects .project-container{display:flex;flex-direction:column;height:100%;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 20px #0000000d;border:1px solid #eaeaea;transition:transform .3s ease,box-shadow .3s ease}.home-projects .home-all-projects .project-container:hover{transform:translateY(-5px);box-shadow:0 15px 25px #0000001a}.home-projects .home-all-projects .project-container .project-box{width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border-radius:12px;position:relative}.home-projects .home-all-projects .project-container .project-box img{width:100%;height:100%;object-fit:cover;border-radius:12px 12px 0 0;transition:transform .5s ease}.home-projects .home-all-projects .project-container .project-box .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1.5rem;color:#fff;text-align:center}.home-projects .home-all-projects .project-container .project-box .project-overlay .projects-title{font-size:1.4rem;margin:0 0 .5rem;font-weight:600;color:#fff}.home-projects .home-all-projects .project-container .project-box .project-overlay .project-info-text{font-size:.95rem;margin:0 0 1rem;line-height:1.5;color:#fff}.home-projects .home-all-projects .project-container .project-box .project-overlay .project-tech{margin-top:.5rem}.home-projects .home-all-projects .project-container .project-box .project-overlay .project-tech .tech-tag{display:inline-block;background:#fff3;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;margin:.3rem}.home-projects .home-all-projects .project-container .project-box .project-overlay .view-project{margin-top:1rem;padding:.5rem 1rem;background:#66cdaa;color:#fff;border-radius:4px;font-weight:500;font-size:.9rem;transition:background-color .2s ease}.home-projects .home-all-projects .project-container .project-box .project-overlay .view-project:hover{background:#8cdabf}.home-projects .home-all-projects .project-container .project-box:hover img{transform:scale(1.05)}.home-projects .home-all-projects .project-container .project-box:hover .project-overlay{opacity:1}.home-projects .home-all-projects .project-container .project-info{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.home-projects .home-all-projects .project-container .project-info .projects-title{font-size:1.5rem;margin:0}.home-projects .home-all-projects .project-container .project-info .project-info-text{color:#666;line-height:1.5;margin:0}@media (max-width: 768px){.home-all-projects{grid-template-columns:1fr!important}}@media (max-width: 512px){.project-container .project-box{margin:0 auto;width:100%;height:250px}.project-container .project-info{padding:.8rem!important}.home-all-projects{grid-template-columns:1fr;align-items:center}}.home-education{display:flex;flex-direction:column;height:auto}.home-education .home-all-education{display:flex;gap:2rem;align-items:center;height:280px}.home-education .home-all-education .div-left{border-left:3px solid rgb(102,205,170);padding:2rem;width:300px}.home-education .home-all-education .div-left ul{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.home-education .home-all-education .div-left ul li{cursor:pointer;font-size:1.3rem;font-family:Quicksand,sans-serif}.home-education .home-all-education .div-right{display:flex;flex-direction:column;gap:1rem;max-width:800px}.home-education .home-all-education .div-right h3,.home-education .home-all-education .div-right p{font-family:Quicksand,sans-serif}.home-education .home-all-education .div-right p{line-height:1.5rem}.home-education .home-all-education .div-right .div-title{display:flex;flex-direction:column;gap:.5rem}.home-education .home-all-education .div-right .div-title .education-title{color:#000;font-size:1.3rem}.home-education .home-all-education .div-right .div-title .year{color:#666;font-size:.8rem}.home-education .home-all-education .div-right .div-details{display:flex;flex-direction:column;gap:.8rem;color:#666;font-size:1.1rem}.home-education .home-all-education .div-right .div-details a{text-decoration:none;font-size:1rem;font-style:italic}.home-education .home-all-education .div-right .list-frameworks ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;color:#666}.home-education .home-all-education .div-right .list-frameworks ul li{display:flex;gap:.5rem;font-family:Quicksand,sans-serif;font-size:1.1rem}.home-education .skills-buttons{display:none}@media (max-width: 512px){.home-education{gap:1rem}.home-education .home-all-education{flex-direction:column;height:auto;align-items:start;height:350px;position:relative}.home-education .div-left{display:none}.home-education .div-right{height:100%;display:flex;flex-direction:column}.home-education .div-right .div-details p{font-size:1.1rem}.home-education .skills-buttons{display:flex;justify-content:flex-end;gap:1.5rem;position:absolute;bottom:0;right:0;padding:1rem;width:100%}.home-education .skills-buttons .default-themed-button{background:none;border:1px solid black;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.home-education .skills-buttons .dark-themed-button{border:1px solid rgb(102,205,170);background:none;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn 1s ease-in forwards}.home-skills{display:flex;flex-direction:column;gap:1.5rem;height:380px}.home-skills .home-all-skills{display:flex;justify-content:space-between;gap:1rem}.home-skills .home-all-skills .box-skills{width:250px;height:200px;display:flex;flex-direction:column;gap:1.5rem}.home-skills .home-all-skills .box-skills ul{display:flex;flex-direction:column;gap:.6rem;list-style:none}.home-skills .home-all-skills .box-skills ul li{display:flex;align-items:center;gap:.5rem;color:#666;font-family:Quicksand,sans-serif;font-size:1.1rem}.home-skills .home-all-skills .box-skills ul li img{width:35px}.home-skills .home-all-skills .box-skills .soft-skills{gap:.8rem;margin-top:.5rem}@media (max-width: 512px){.home-skills{height:1300px}.home-skills .home-all-skills{flex-direction:column;gap:7rem}}.about-me{display:flex;flex-direction:column;gap:1rem}.about-me p{line-height:1.5rem;color:#666;font-family:Quicksand,sans-serif;font-size:1.1rem}.about-me .permobil{color:#66cdaa}@media (max-width: 512px){.about-me p{line-height:1.7rem}}.modal-overlay{background-color:#66cdaa;position:fixed;width:250px;height:180px;bottom:10px;right:20px;padding:.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center;border-radius:5px;color:#fff;box-shadow:#00000005 0 1px 3px,#1b1f2326 0 0 0 1px}.modal-overlay .close-modal{display:flex;justify-content:flex-end}.modal-overlay .close-modal .close-x{width:25px;height:25px;display:flex;justify-content:center;align-items:center;font-size:30px;cursor:pointer}.modal-overlay .modal-info{display:flex;flex-direction:column;gap:1rem}.modal-overlay .modal-info h3,.modal-overlay .modal-info p{color:#fff;font-family:Quicksand,sans-serif}.modal-overlay .modal-info .modal-contact{display:flex;flex-direction:column;gap:1rem;align-items:center}.modal-overlay .modal-info .modal-contact a{padding:.4rem;width:140px;cursor:pointer;text-decoration:none;background-color:#fff;color:#000;border-radius:5px;font-family:Quicksand,sans-serif}@media (max-width: 834px){.modal-overlay{display:none}}.projects-wrapper{padding:2rem;display:flex;flex-direction:column;gap:3rem}.projects-wrapper a{text-decoration:none}.projects-wrapper .projects-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-bottom:1rem}.projects-wrapper .projects-heading .title-container{position:relative;display:inline-block}.projects-wrapper .projects-heading .title-container .title-line{height:4px;width:50px;background-color:#66cdaa;margin:.5rem auto 0;border-radius:2px}.projects-wrapper .projects-heading .subtitle{font-size:1.2rem;color:#444;margin:0;font-weight:400}.projects-wrapper .projects-heading em{color:#666;font-size:1.1rem;font-style:italic;opacity:.8}.projects-wrapper .projects-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.projects-wrapper .projects-filter .filter-btn{padding:.6rem 1.2rem;background:#f5f5f5;border:none;border-radius:30px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.projects-wrapper .projects-filter .filter-btn:hover{background:#e0e0e0}.projects-wrapper .projects-filter .filter-btn.active{background:#66cdaa;color:#fff}.projects-wrapper .all-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;width:100%;max-width:1400px;margin:0 auto}.projects-wrapper .all-projects .project-box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000000d;height:100%;transition:all .3s ease;cursor:pointer;border:1px solid #eaeaea}.projects-wrapper .all-projects .project-box.dark-theme-projects{background:#1a1a1a;box-shadow:0 4px 10px #0003;border-color:#333}.projects-wrapper .all-projects .project-box.dark-theme-projects .project-desc h3{color:#fff}.projects-wrapper .all-projects .project-box.dark-theme-projects .project-desc p{color:#ccc}.projects-wrapper .all-projects .project-box.dark-theme-projects .project-desc .project-year{color:#999}.projects-wrapper .all-projects .project-box .project-image{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;background-color:#f5f5f5}.projects-wrapper .all-projects .project-box .project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}.projects-wrapper .all-projects .project-box .project-image .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;padding:1.5rem;display:flex;flex-direction:column;gap:2rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay .projects-title,.projects-wrapper .all-projects .project-box .project-image .project-overlay .project-info-text{color:#fff;text-align:center}.projects-wrapper .all-projects .project-box .project-image .project-overlay .project-tech{margin-bottom:1.5rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay .project-tech span{color:#fff;background:#fff3;padding:.5rem 1rem;border-radius:4px;font-size:.9rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay .view-button{background:#66cdaa;color:#fff;padding:.7rem 1.4rem;border-radius:4px;font-weight:500;transition:transform .2s ease}.projects-wrapper .all-projects .project-box .project-image .project-overlay .view-button:hover{transform:scale(1.05)}.projects-wrapper .all-projects .project-box .project-image:hover img{transform:scale(1.08)}.projects-wrapper .all-projects .project-box .project-image:hover .project-overlay{opacity:1}.projects-wrapper .all-projects .project-box .project-desc{padding:1.5rem;background:inherit}.projects-wrapper .all-projects .project-box .project-desc .project-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.projects-wrapper .all-projects .project-box .project-desc .project-title-row h3{font-size:1.3rem;margin:0;color:#333;font-weight:600}.projects-wrapper .all-projects .project-box .project-desc .project-title-row .project-year{color:#888;font-size:.9rem;font-weight:500}.projects-wrapper .all-projects .project-box .project-desc p{color:#666;line-height:1.5;margin:0;font-size:.95rem}@media (max-width: 1200px){.all-projects{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 900px){.projects-filter .filter-btn{padding:.5rem 1rem;font-size:.85rem}}@media (max-width: 768px){.projects-wrapper{padding:1rem}.projects-wrapper .all-projects{grid-template-columns:1fr!important;gap:1.5rem}.projects-wrapper .all-projects .project-box{margin:0 auto;width:100%;max-width:500px}.projects-wrapper .projects-heading .subtitle{font-size:1.1rem}.projects-wrapper .projects-heading em{font-size:1rem}}@media (max-width: 480px){.content-h1{font-size:2.3rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay{gap:.5rem;padding:.75rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay .projects-title{font-size:1rem;margin-bottom:.25rem}.projects-wrapper .all-projects .project-box .project-image .project-overlay .project-info-text{font-size:.8rem;margin:0}.projects-wrapper .all-projects .project-box .project-image .project-overlay .project-tech{margin-bottom:.75rem}.projects-wrapper .project-desc{padding:1.2rem!important}.projects-wrapper .project-desc .project-title-row{flex-direction:column;align-items:flex-start}.projects-wrapper .project-desc .project-title-row .project-year{margin-top:.3rem}.projects-wrapper .project-desc p{font-size:.9rem}.projects-wrapper .project-image img{transform:scale(1.02)}.projects-wrapper .project-image img:hover{transform:scale(1.05)}.projects-wrapper .project-overlay .project-tech span{font-size:.75rem!important;padding:.3rem .6rem!important;display:inline-block;margin-top:.25rem}.projects-wrapper .project-overlay .view-button{padding:.5rem 1rem!important;font-size:.85rem!important;margin-top:.25rem}}.about-wrapper{height:auto;display:flex;flex-direction:column;gap:5rem}.about-wrapper .about-heading-text{display:flex;flex-direction:column;gap:1rem;border-left:3px solid rgb(102,205,170);padding:1rem}.about-wrapper .about-heading-text p{line-height:2rem;font-size:1.3rem;font-family:Quicksand,sans-serif}.about-wrapper .my-stack .techs-wrapper{overflow:hidden;width:100%;position:relative}.about-wrapper .my-stack .techs{display:flex;height:150px;align-items:center;width:200%;animation:slide 20s linear infinite;gap:1rem;color:#666;background-color:#f3f1f1;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.about-wrapper .my-stack .techs .box{display:flex;justify-content:center;align-items:center;height:100px;width:200px;text-align:center}.about-wrapper .my-stack .techs img{width:35px}.about-wrapper .about-this-page{display:flex;flex-direction:column;gap:1rem}.about-wrapper .about-this-page p{line-height:1.5rem;font-family:Quicksand,sans-serif;font-size:1.1rem}.about-wrapper .about-this-page .built-with{display:flex;align-items:center;justify-content:center;gap:.5rem;width:185px;height:60px;border-left:3px solid rgb(102,205,170)}.about-wrapper .about-this-page .built-with img{width:35px}@media (max-width: 512px){.about-wrapper .about-heading-text{gap:1.5rem}.about-wrapper .about-heading-text p{font-size:1.1rem}.about-wrapper .about-this-page p{line-height:1.7rem}.about-wrapper img{width:20px;height:20px}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-wrapper{display:flex;flex-direction:column;justify-content:center;height:75vh}.contact-wrapper .contact{display:flex;justify-content:space-between;align-items:center;height:auto}.contact-wrapper .contact .contact-text{display:flex;flex-direction:column;max-width:650px}.contact-wrapper .contact .contact-text a{text-decoration:none;font-family:Quicksand,sans-serif}.contact-wrapper .contact .contact-text a:hover{color:#66cdaa;transition:ease .5s}.contact-wrapper .contact .contact-text .btn-email{background:none;border:none;font-family:Quicksand,sans-serif;font-size:1.2rem;cursor:pointer;color:#666}.contact-wrapper .contact .contact-text .btn-email:hover{color:#66cdaa;transition:ease .5s}.contact-wrapper .contact .contact-text h1{line-height:5.5rem}.contact-wrapper .contact .contact-text h3{font-size:1.2rem;line-height:2rem;font-family:Quicksand,sans-serif;margin-bottom:.5rem;font-weight:600}.contact-wrapper .contact .contact-text ul{list-style:none;display:flex;flex-direction:column;gap:1rem;color:#666;margin-top:.5rem}.contact-wrapper .contact .contact-text ul li{display:flex;align-items:center;gap:1rem;font-size:1.2rem;font-family:Quicksand,sans-serif}.contact-wrapper .contact .contact-text ul img{width:45px}.contact-wrapper .contact .contact-info{margin-top:1rem}.contact-wrapper .contact .contact-image{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}.contact-wrapper .contact .contact-image .contact-img{border:2px solid rgb(102,205,170);width:400px;height:400px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:#0000003d 0 3px 8px}.contact-wrapper .contact .contact-image .contact-img img{width:80%;height:80%;border-radius:50%;object-fit:cover;box-shadow:#0003 0 3px 8px}.contact-wrapper .contact .contact-image .quote{font-family:Quicksand,sans-serif}@media (max-width: 834px){.contact-wrapper{height:auto}.contact-wrapper .contact{flex-direction:column;gap:5rem}.contact-wrapper .contact .contact-image{margin-bottom:2rem}.contact-wrapper .contact .contact-image .contact-img{width:280px;height:280px;border-radius:50%}}.contact-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.contact-modal{background:#fff;padding:2rem 1.5rem 1.5rem;border-radius:12px;width:90vw;max-width:400px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.contact-modal h2{margin:0 0 .5rem;font-size:1.5rem;text-align:center;font-weight:700}.contact-modal form{display:flex;flex-direction:column;gap:.75rem}.contact-modal input,.contact-modal textarea{width:100%;padding:.7rem 1rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;resize:none;transition:border .2s;font-weight:500}.contact-modal input:focus,.contact-modal textarea:focus{border:1.5px solid #0077ff;outline:none}.contact-modal button[type=submit]{background:#66cdaa;color:#fff;border:none;border-radius:6px;padding:.7rem 0;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-modal button[type=submit]:hover:not(:disabled){background:#46a082}.contact-modal button[type=submit]:disabled{background:#b3c6e0;cursor:not-allowed}.contact-modal .status-message{text-align:center;font-size:1rem;margin-top:.5rem}.contact-modal .status-message.success{color:#1aaf5d}.contact-modal .status-message.error{color:#d32f2f}.contact-modal .close-btn{margin-top:.5rem;background:none;border:none;color:#66cdaa;font-size:1rem;cursor:pointer;align-self:flex-end;padding:.3rem .7rem;border-radius:4px;transition:background .2s}.contact-modal .close-btn:hover{background:#f0f4fa}.project-detail{display:flex;flex-direction:column;gap:2rem}.project-detail .go-back{display:flex;justify-content:space-between}.project-detail .go-back .default-themed-button{background:none;border:1px solid black;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.project-detail .go-back .default-themed-button:hover{background-color:#f8f6f6}.project-detail .go-back .dark-themed-button{border:1px solid rgb(102,205,170);background:none;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.project-detail .go-back .dark-themed-button:hover{background-color:#2c2b2b}.project-detail .project-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.project-detail .project-heading h2{font-family:Quicksand,sans-serif}.project-detail .project-heading .visitBtn{text-decoration:none;background-color:#fff;padding:.8rem;border-radius:10px;color:#000;font-size:1.1rem;border:1px solid rgb(17,17,17)}.project-detail .project-heading .visitBtn:hover{background-color:#f9f8f8}.project-detail .project-heading-image{position:relative;display:flex;justify-content:center;align-items:center;height:600px;margin-bottom:1rem;background-color:#f3f1f1;border-radius:10px;box-shadow:#0000003d 0 3px 8px;overflow:hidden}.project-detail .project-heading-image img{width:80%;height:85%;object-fit:cover}.project-detail .project-heading-image .nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;border:none;color:#fff;padding:1rem;cursor:pointer;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;z-index:1;transition:background-color .3s ease}.project-detail .project-heading-image .nav-button:hover{background:#000000b3}.project-detail .project-heading-image .nav-button.prev{left:20px}.project-detail .project-heading-image .nav-button.next{right:20px}.project-detail .project-heading-image .nav-button img{width:25px;height:25px}@media (max-width: 768px){.project-detail .project-heading-image .nav-button{width:40px;height:40px;padding:.5rem;font-size:1.2rem;z-index:0}.project-detail .project-heading-image .nav-button img{width:20px;height:20px}}@media (max-width: 768px){.project-detail .project-heading-image .nav-button{width:40px;height:40px;padding:.5rem;font-size:1.2rem;z-index:0}}.project-detail .project-info{color:#666;font-size:1.1rem;font-family:Quicksand,sans-serif;display:flex;flex-direction:column;gap:3rem;margin-bottom:1rem}.project-detail .project-info p{font-size:1.1rem;line-height:2rem;font-family:Quicksand,sans-serif}.project-detail .project-info .project-about,.project-detail .project-info .project-results,.project-detail .project-info .project-year{display:flex;flex-direction:column;gap:1rem}.project-detail .project-info .project-year p{font-size:2rem}.project-detail .visit-project-mobile{display:none}.project-detail .project-frameworks{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.project-detail .project-frameworks .tech-list{display:flex;gap:1rem}.project-detail .project-frameworks .tech-list .tech-item{display:flex;align-items:center;gap:.4rem;color:#666}.project-detail .project-frameworks .tech-list .tech-item img{width:35px}.project-detail .project-details-images{display:flex;flex-direction:column;height:auto;gap:2rem}.project-detail .project-details-images .images{display:flex;justify-content:space-between;gap:1rem}.project-detail .project-details-images .images .big-box{height:500px;width:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f1f1;box-shadow:#0000003d 0 3px 8px;border-radius:10px}.project-detail .project-details-images .images .big-box img{width:95%;height:90%}.project-detail .project-details-images .images .small-box{width:40%;height:500px;display:flex;align-items:center;justify-content:center;background-color:#f3f1f1;border-radius:10px;box-shadow:#0000003d 0 3px 8px}.project-detail .project-details-images .images .small-box img{width:60%;height:90%;border-radius:30px}.project-detail .more-projects{margin-top:3rem}.project-detail .more-projects h1{font-size:3rem;margin-bottom:1rem;margin-top:1rem}.project-detail .more-projects .other-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem;flex-wrap:wrap;height:auto}.project-detail .more-projects .other-projects a{text-decoration:none}.project-detail .more-projects .other-projects .other-project-box{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;font-family:Quicksand,sans-serif;box-sizing:border-box}.project-detail .more-projects .other-projects .other-project-box h3{font-size:1.5rem}.project-detail .more-projects .other-projects .other-project-box p{font-size:1rem}.project-detail .more-projects .other-projects .other-project-box .other-projects-img{background-color:#f3f1f1;height:400px;display:flex;justify-content:center;align-items:center;border-radius:10px}.project-detail .more-projects .other-projects .other-project-box .other-projects-img img{width:95%;height:90%}.project-detail .more-projects .other-projects .other-project-box .title-desc{display:flex;flex-direction:column;gap:.5rem}.project-detail .more-projects .other-projects .other-project-box .title-desc p{font-family:Quicksand,sans-serif}@media (max-width: 834px){.project-detail .project-heading h1{font-size:2.5rem}.project-detail .project-heading h2{font-size:1rem}.project-detail .project-heading-image{margin-bottom:0;height:600px}.project-detail .project-heading-image img{width:85%;height:65%}.project-detail .more-projects h1{padding-left:.2rem;font-size:2.6rem!important}.project-detail .more-projects .other-projects .other-projects-img{height:250px!important}.images{flex-direction:column}.images .small-box{display:none!important}}@media (max-width: 512px){.project-detail .project-heading h1{font-size:2.5rem}.project-detail .project-heading h2{font-size:1rem}.project-detail .project-heading .visit-project{display:none}.project-detail .project-heading-image{margin-bottom:0;height:220px}.project-detail .project-heading-image img{width:95%;height:85%}.project-detail .visit-project-mobile{display:flex}.project-detail .visit-project-mobile .visitBtn{text-decoration:none;background-color:#fff;padding:.8rem;border-radius:10px;color:#000;font-size:1.1rem;border:1px solid rgb(17,17,17)}.project-detail .visit-project-mobile .visitBtn:hover{background-color:#f9f8f8}.project-detail .project-frameworks .tech-list{flex-direction:column}.project-detail .project-details-images .images{flex-direction:column;align-items:center}.project-detail .project-details-images .images .big-box{height:220px}.project-detail .project-details-images .images .big-box img{width:95%;height:92%}.project-detail .project-details-images .images .small-box{display:none}.project-detail .more-projects h1{text-align:center;font-size:2.6rem!important}.project-detail .more-projects .other-projects{display:grid;grid-template-columns:1fr!important;gap:1rem!important}.project-detail .more-projects .other-projects .other-projects-img{height:250px!important}}footer{height:auto;display:flex;flex-direction:column;gap:3rem;padding:20px;margin-bottom:1rem}footer .footer-links{display:flex;justify-content:space-between;align-items:center}footer .footer-links .links1{display:flex;gap:1.5rem}footer .footer-links .links1 a{text-decoration:none;font-size:1.15rem;font-family:Quicksand,sans-serif}footer .footer-links .links1 a:hover{color:#66cdaa;transition:ease .3s}footer .footer-links .links1 .active-link{color:#66cdaa}footer .footer-links .footer-icons{display:flex;gap:1rem}footer .footer-links .footer-icons img{width:25px;cursor:pointer}footer .footer-links .footer-icons .social-icons{transition:transform .3s ease}footer .footer-links .footer-icons .social-icons:hover{transform:translateY(-10px)}footer .footer-links2{display:flex;justify-content:space-between;align-items:center}footer .footer-links2 .contact-btns{display:flex;flex-direction:column;gap:1.5rem}footer .footer-links2 .contact-btns h1{font-size:1.4rem;color:#666;font-family:Quicksand,sans-serif}footer .footer-links2 .copyright{display:flex;flex-direction:column;gap:.2rem;margin-top:auto}footer .footer-links2 .copyright em{font-family:Quicksand,sans-serif}@media (max-width: 512px){footer{gap:2.5rem}footer .footer-links{flex-direction:column;gap:2.5rem}footer .footer-links2{flex-direction:column;gap:2.5rem}footer .footer-links2 .contact-btns{align-items:center}}