.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 170px}.navbar.sticky{position:fixed;top:0;left:0;right:0;background:var(--navbar-sticky);z-index:1000}.navbar.sticky.light,.navbar.light{background:var(--light-accent)}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:18px}.navbar-logo{margin-top:10px;height:65px;width:100px}.mode-btn{background:transparent;border:none;outline:none}.mode-btn .icons-theme{font-size:40px;color:#fff}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#ffc201 92%);font-size:22px;cursor:pointer;transition:.5s;font-weight:600}.nav-connect:hover{transform:scale(1.05)}.navbar h3{font-size:25px;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.anchor-link{text-decoration:none;color:var(--white);position:relative;display:inline-block}.navbar.light .anchor-link p{color:var(--light-gray)!important}.anchor-link:hover p{color:var(--yellow)!important}.navbar.light .anchor-link:hover p{color:var(--white)!important}.anchor-link p.active{color:var(--yellow)!important;border-bottom:2px solid var(--yellow)}.navbar.light .anchor-link p.active{color:var(--white)!important;border-bottom:2px solid var(--white)}.nav-menu .anchor-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:var(--yellow);transition:width .4s ease,left .4s ease}.navbar.light .nav-menu .anchor-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:var(--white);transition:width .4s ease,left .4s ease}.nav-menu .anchor-link:hover:after{width:100%;left:0}.navbar.light .nav-menu .anchor-link:hover:after{width:100%;left:0}.nav-mob-open,.nav-mob-close{display:none}@media (max-width: 1800px){.navbar{padding:20px 50px}}@media (max-width: 1400px){.nav-menu{gap:40px;font-size:18px}.nav-connect{padding:10px 25px;font-size:18px}}@media (max-width: 1024px){.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:var(--navbar-sticky);width:350px;height:100%;z-index:5;transition:right .5s;right:-350px}.nav-menu li{font-size:25px;padding-left:100px;flex-direction:row;gap:20px}.navbar-logo{margin-left:-25px}.navbar.light .nav-menu{background-color:var(--light-accent)}}@media (max-width: 500px){.navbar{padding:10px 50px}.navbar h3{font-size:18px;margin-left:-10px}.navbar-logo{height:50px;width:100px}.nav-mob-open,.nav-mob-close{height:25px}}.hero{display:flex;align-items:center;flex-direction:column;gap:22px;background-color:var(--dark-bg);color:var(--dark-text)}.hero .box{margin-top:35px;position:relative;width:250px;height:250px;background:var(--white);border-radius:50%;overflow:hidden}.hero.light .box{background:var(--black)}.hero .box:before,.hero .box:after{content:"";position:absolute;top:-10px;right:90px;bottom:-10px;left:90px;background:var(--yellow);transition:.5s;animation:animate 4s linear infinite}.hero.light .box:before,.hero.light .box:after{background:var(--light-accent)}.hero .box:hover:before{top:-20px;right:0;bottom:-20px;left:0}.hero .box .content{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:3;border-radius:50%;overflow:hidden}.hero img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.5s;pointer-events:none}.social-icons{display:flex;justify-content:center;margin-bottom:15px}.social-icons a{color:var(--white);margin:0 15px;padding:15px;border:1px solid var(--yellow);border-radius:50%;align-items:center;display:flex;justify-content:center;font-size:25px}.social-icons a:hover{transform:scale(1.1);transition:.5s}.hero h1{text-align:center;width:70%;font-size:65px;font-weight:600}.hero h1 span{background:#090979;background:linear-gradient(90deg,var(--yellow) 9%,var(--yellow) 56%,var(--yellow) 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero .nameHeader{width:100%;font-size:45px}.hero p{width:50%;text-align:center;font-size:21px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:22px;font-weight:500;margin-bottom:50px}.hero-connect{padding:25px 45px;border-radius:50px;background:linear-gradient(90deg,var(--yellow) 9%,var(--yellow) 56%,var(--yellow) 92%);cursor:pointer;border:2px solid var(--yellow)}.hero-resume{padding:25px 55px;border-radius:50px;border:2px solid var(--yellow);color:var(--yellow);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.hero-connect:hover{border:2px solid var(--white)}.hero-resume:hover{border-color:var(--white);color:var(--white)}.download-icon{font-size:26px}.hero.light{background-color:var(--white);color:var(--black)}.hero.light h1 span{background:linear-gradient(90deg,var(--light-accent) 9%,var(--light-accent) 56%,var(--light-accent) 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero.light .social-icons a{border:1px solid var(--light-accent);color:var(--light-accent)}.hero.light .hero-connect{background:linear-gradient(90deg,var(--light-accent) 9%,var(--light-accent) 56%,var(--light-accent) 92%);border:2px solid var(--light-accent)}.hero.light .hero-resume{border:2px solid var(--light-accent);color:var(--light-accent)}.hero.light .theme-toggle{background-color:var(--light-accent);color:var(--light-text)}@media (max-width:768px){.hero .box{width:200px;height:200px}.hero .box:before,.hero .box:after{top:-10px;right:70px;bottom:-10px;left:70px}.hero .nameHeader{margin-top:30px;font-size:30px}.hero h1{width:90%;font-size:50px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{gap:16px;font-size:18px;font-weight:500;margin-bottom:50px}.hero-connect{padding:20px 30px;border-radius:40px}.hero-resume{padding:20px 40px;border-radius:40px}.download-icon{font-size:18px}}@media (max-width:600px){.hero .box{margin-top:35px;width:140px;height:140px}.hero .box:before,.hero .box:after{top:-10px;right:45px;bottom:-10px;left:45px}.hero h1{font-size:35px}.hero p{width:85%}.hero-connect{padding:15px 20px}.hero-resume{padding:15px 30px}.social-icons{display:flex;justify-content:center;margin-bottom:0}.social-icons a{color:#fff;margin:0 10px;padding:10px;border:1px solid #ffc201;border-radius:50%;font-size:20px}}@media (max-width:500px){.hero-action{gap:16px;font-size:14px;font-weight:500;margin-bottom:50px}.hero-connect{padding:12px 18px}.hero-resume{padding:12px 20px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:80px 170px 20px}.about.light{background-color:var(--white);color:var(--black)}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:65px;font-weight:600}.about-title img{position:absolute;bottom:10px;right:0;z-index:-1;width:150px}.about-sections{display:flex;gap:80px}.about-left{display:flex;justify-content:center;align-items:center}.about-left .box{position:relative;width:350px;height:450px;background:var(--white);border-radius:5px;overflow:hidden}.about.light .box{background:var(--black)}.about-left .box:before{content:"";position:absolute;top:-70px;right:135px;bottom:-70px;left:135px;background:var(--yellow);transition:.5s;animation:animate 4s linear infinite}.about.light .box:before{background:var(--light-accent)}.about-left .box:hover:before{top:-70px;right:-100px;bottom:-70px;left:-100px}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-left .box .content{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:3;overflow:hidden}.about-left img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:.5s;border-radius:5px}.about-left img:hover{transform:scale(1.06);transition:.8s}.about-right{display:flex;flex-direction:column;gap:40px}.about-paragraph{display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill p{min-width:150px;font-size:20px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement .count{font-size:50px;font-weight:700;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about.light .about-achievement .count{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:20px;font-weight:500}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-achievement:hover{transform:scale(1.12);transition:.5s}.about-informations{display:flex;flex-direction:column;align-items:start;gap:30px}.about-paragraph h3{font-size:30px;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about.light .about-paragraph h3{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-paragraph p{font-size:20px}.information{display:flex;justify-content:space-around;align-items:start;width:100%;gap:90px}.about-informations ul{width:100%}.about-informations ul li{list-style:none;font-size:20px;margin-bottom:5px}@media (max-width:1024px){.about{gap:50px;padding:80px 50px 20px}.about-left{text-align:center}.about-sections{flex-direction:column;gap:80px}}@media (max-width:768px){.about{align-items:start;gap:60px;padding:50px 30px 20px}.about-title h1{padding:0;font-size:50px}.about-title img{width:130px;right:-20px}.about-sections{flex-direction:column}.about-left{display:none}.about-paragraph{font-size:18px;line-height:32px}.about-skill{gap:20px;align-items:center}.about-skill p{font-size:18px}.about-skill hr{height:6px}.about-achievements{justify-content:space-between}.about-achievement{gap:10px}.about-achievement .count{font-size:34px;font-weight:700}.about-achievement p{text-align:center;font-size:16px}.about-paragraph h3{font-size:22px}.about-paragraph p{font-size:18px}.about-informations ul li{font-size:18px;margin-bottom:10px}}@media (max-width:725px){.information{flex-direction:column;gap:0px}}@media (max-width:550px){.about{padding:50px 30px 5px!important;gap:20px}.about-title h1{font-size:35px}.about-title img{right:-10px;width:115px}}.skills-container{display:flex;align-items:center;justify-content:space-between;gap:100px;padding:80px 170px}.skills-container.light{background-color:var(--white);color:var(--black)}.skills-grid{display:flex;flex-wrap:wrap;gap:20px;width:50%}.skill-item{width:90px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#3f3f3f;border-radius:8px;box-shadow:0 4px 6px #0000001a}.skills-container.light .skill-item{background:var(--light-gray)}.skills-container.light .skill-item:hover{border:2px solid var(--light-accent)}.skill-item:hover{transform:scale(1.05);transition:.5s;border:2px solid var(--yellow)}.skill-item img{width:40px;height:40px}.skill-item span{font-size:14px}.skills-description{max-width:50%;padding:0 30px}.skills-description h2{font-size:40px;margin-bottom:10px;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-container.light .skills-description h2{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.skills-description p{font-size:20px;line-height:1.5;text-align:justify;margin-bottom:10px}@media (max-width: 1300px){.skills-container{flex-direction:column;gap:50px}.skills-grid{width:100%}.skills-description{max-width:100%;padding:0}}@media (max-width: 1100px){.skills-container{padding:50px 55px;align-items:start}}@media (max-width: 768px){.skills-description h2{font-size:30px}.skills-description p{font-size:18px}}@media (max-width: 550px){.skills-container{padding:5px 30px}.skill-item{width:70px;height:70px;padding:10px}}@media (max-width: 440px){.skills-grid{gap:20px}.skill-item{width:55px;height:55px;padding:10px}.skill-item img{width:25px;height:25px}.skill-item span{font-size:13px}}@media (max-width: 420px){.skills-grid{gap:10px}}@media (max-width: 400px){.skills-grid{justify-content:center;gap:15px}.skill-item span{font-size:12px}}.experience{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:80px 170px}.experience.light{background:var(--white);color:var(--black)}.experience-title{position:relative}.experience-title h1{padding:0 30px;font-size:65px;font-weight:600}.experience-title img{position:absolute;bottom:10px;right:0;z-index:-1;width:150px}.experience-main-container{display:flex;flex-wrap:wrap;gap:60px;justify-content:flex-start;width:100%}.experience-heading{text-align:center;margin-top:50px}.experience-card{width:700px;padding:25px;margin-bottom:20px;border-radius:8px;background:#3f3f3f;transition:.4s;cursor:pointer}.experience.light .experience-card{background:var(--light-gray)}.experience.light .experience-card:hover{border:1px solid var(--light-accent)}.experience-card:hover{border:1px solid var(--yellow);transition:.4s}.logo-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.logo-header img{height:80px;border-radius:50%}.experience-company{font-size:27px;margin-bottom:5px;font-weight:800;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience.light .experience-company{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.experience-position{font-size:21px;font-weight:700;margin-bottom:5px}.experience-details{font-size:16px;margin-bottom:15px}.experience-details.lightmode{color:#000}.experience-details.darkmode{color:#d8d5d5}.experience-description{list-style-type:disc;margin-left:20px}.experience-description li{font-size:20px;margin-top:5px}@media (max-width:1800px){.experience-card{width:100%;justify-content:center}}@media (max-width:1024px){.experience{gap:50px;padding:80px 50px 20px}.experience-sections{flex-direction:column;gap:80px}}@media (max-width:768px){.experience{align-items:start;gap:60px;padding:50px 55px 20px}.experience-title h1{padding:0;font-size:50px}.experience-title img{width:130px;right:-20px}.experience-sections{flex-direction:column}.experience-company{font-size:22px}.experience-position{font-size:17.5px}.experience-details{font-size:14px}.experience-description li{font-size:18px;margin-top:5px}.logo-header img{height:65px}}@media (max-width:550px){.experience{padding:50px 30px 5px;gap:20px}.experience-title h1{font-size:35px}.experience-title img{right:-10px;width:115px}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:80px 170px}.services-title{position:relative}.services-title h1{padding:0 30px;font-size:65px;font-weight:600}.services-title img{position:absolute;bottom:10px;right:0;z-index:-1;width:150px}.services.light .services-format{background:var(--light-gray)}.services.light .services-format:hover{border:2px solid var(--light-accent)}.services-format{display:flex;flex-direction:column;gap:20px;padding:60px;border-radius:10px;border:2px solid var(--white);transition:.4s;cursor:pointer}.services-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px}.services-format h3{font-size:25px;font-weight:600}.services-format h2{font-size:33px;font-weight:800;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services.light .services-format h2{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#d4d4d4;font-size:20px;line-height:40px;width:100%}.services.light .services-format p{color:var(--black)}.services-format:hover{border:2px solid var(--yellow);background-image:linear-gradient(120deg,#313131,#000);transform:scale(1.05);transition:.4s}@media (max-width:1604px){.services{gap:50px;padding:80px 50px}.services-format{gap:10px;padding:32px}.services-format h2{font-size:23px}.services-format p{font-size:18px;line-height:32px}}@media (max-width:998px){.services-container{display:flex;flex-wrap:wrap;gap:20px}}@media (max-width:850px){.services-container{display:flex;flex-direction:column;justify-content:center;gap:25px;width:100%}.services-format p{max-width:100%}}@media (max-width:768px){.services{align-items:start;gap:60px;padding:20px 55px}.services-title h1{padding:0;font-size:50px}.services-title img{width:130px;right:-20px}}@media (max-width:600px){.services-container{display:flex;flex-direction:column;justify-content:center;gap:25px;width:100%}}@media (max-width:550px){.services{padding:50px 30px 5px;gap:20px}.services-title h1{font-size:35px}.services-title img{right:-10px;width:115px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:80px 170px}.projects-title{position:relative}.projects-title h1{padding:0 30px;font-size:65px;font-weight:600}.projects-title img{position:absolute;bottom:10px;right:0;z-index:-1;width:150px}.projects-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:40px}.projects-container img{box-sizing:border-box;width:450px;height:250px;transition:.3s;cursor:pointer;border-radius:10px;border:1px solid var(--white)}.projects.light .projects-container img{border:1px solid var(--black)}.projects.light .projects-container img:hover{border:1px solid var(--light-accent)}.projects-container img:hover{transform:scale(1.1);border:4px solid var(--yellow);border-radius:10px;transition:.3s}.projects-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.filter-container{display:flex;align-items:center;justify-content:center;width:100%}.filter-buttons{border:2px solid var(--yellow);display:flex;gap:30px;padding:10px 15px;border-radius:10px}.filter-button.active{background-color:var(--yellow);color:var(--white)}.filter-buttons button{background:transparent;color:var(--white);border:none;outline:none;padding:7px 11px;border-radius:5px;font-weight:600;cursor:pointer}.filter-buttons button:hover{background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#ffc201 92%);transition:.5s}.projects.light .filter-buttons{border:2px solid var(--light-accent)}.projects.light .filter-button.active{background-color:var(--light-accent);color:var(--white)}.projects.light .filter-buttons button{color:var(--light-accent)}.projects.light .filter-buttons button:hover{background:linear-gradient(90deg,var(--light-accent) 9%,var(--light-accent) 56%,var(--light-accent) 92%);transition:.5s;color:var(--white)}.projects-item h3{text-align:center;max-width:90%;flex-basis:1;flex-grow:1}.projects-item button,.projects-item a{text-decoration:none;padding:10px 15px;border-radius:10px;font-size:19px;cursor:pointer;align-items:center;display:flex;justify-content:center;gap:5px}.demo{border:2px solid var(--white);color:var(--white)}.projects.light .demo,.projects.light .demo:hover{border:2px solid var(--light-accent);color:var(--light-accent)}.info{color:var(--white);background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#ffc201 92%);border:1px solid var(--yellow)}.projects.light .info{color:var(--white);background:linear-gradient(90deg,var(--light-accent) 9%,var(--light-accent) 56%,var(--light-accent) 92%);border:1px solid var(--light-accent)}.projects-item .demo:hover{transform:scale(1.1);border:2px solid var(--yellow);transition:.3s}.projects-item .info:hover{transform:scale(1.1);border:2px solid var(--white);transition:.3s}.project-button-item{display:flex;justify-content:center;gap:20px;width:100%}.projects-showmore{display:flex;gap:15px;border:2px solid var(--white);border-radius:50px;padding:20px 30px;font-size:20px;font-weight:500;margin-bottom:60px;transition:.6s;cursor:pointer}.projects.light .projects-showmore{border:2px solid var(--light-accent)}.projects-showmore:hover{gap:30px;transition:.6s}.pagination{display:flex;justify-content:center}.pagination button{margin:0 5px;padding:5px 10px;border:1px solid var(--yellow);background-color:transparent;cursor:pointer;border-radius:3px;color:var(--white)}.projects.light .pagination button{border:1px solid var(--light-accent);color:var(--light-accent)}.pagination button:hover{background-color:var(--yellow);color:var(--white)}.projects.light .pagination button:hover{background-color:var(--light-accent);color:var(--white)}.projects.light .pagination button.active{background-color:var(--light-accent);color:var(--white);cursor:pointer}.pagination button.active{background-color:var(--yellow);color:var(--white);cursor:pointer}.modal{display:block;position:fixed;z-index:99999999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0006}.modal-content{background-color:#fefefe;margin:8px auto;padding:20px;border:1px solid #888;width:100%;box-shadow:0 4px 8px #0003;max-width:1280px;height:auto;color:var(--medium-black);border-radius:10px}.item-project-image{display:flex;justify-content:center;margin-bottom:10px;position:relative}.project-items img{height:650px;width:100%;margin-top:20px;border-radius:5px;border:1px solid var(--black)}.project-items,.project-items-details{display:flex;flex-direction:column;gap:10px}.project-items .details-project{display:flex;align-items:center;justify-content:space-between}.techstack{display:flex;gap:10px;flex-wrap:wrap}.techstack span{padding:5px 10px;border-radius:3px}.close{color:#aaa;float:right;font-size:28px;font-weight:700;margin-top:-15px;margin-right:-10px}.close:hover,.close:focus{color:var(--black);text-decoration:none;cursor:pointer}.view-source-button{display:flex;align-items:center;gap:10px;width:160px;font-size:14px;padding:10px;background:var(--black);border:1px solid var(--yellow);color:var(--yellow);text-decoration:none;border-radius:5px;transition:background-color .3s ease}.view-source-button:hover{transform:scale(1.1);color:var(--white);background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#ffc201 92%);transition:.3s}.projects.light .view-source-button{background:var(--white);border:1px solid var(--light-accent);color:var(--light-accent)}.projects.light .view-source-button:hover{transform:scale(1.1);background:var(--light-accent);border:1px solid var(--light-accent);color:var(--white);transition:.3s}.carousel-button{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.prev-btn,.next-btn{font-size:40px;cursor:pointer;color:var(--yellow);background:var(--black);border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.projects.light .prev-btn,.projects.light .next-btn{color:var(--light-accent);background:var(--white)}.prev-btn{left:10px}.next-btn{right:10px}@media (max-width:1600px){.projects-container{grid-template-columns:1fr 1fr;gap:50px}}@media (max-width:1300px){.modal-content{width:80%;max-width:100%}.project-items img{height:500px}}@media (max-width:900px){.projects{gap:50px;padding:50px 55px}.projects-title h1{padding:0;font-size:50px}.projects-title img{width:130px;right:-20px}.projects-container{grid-template-columns:1fr;gap:50px}.projects-container img{width:100%;height:100%}.projects-item{gap:20px}.projects-item h3{font-size:18px}.projects-item a{font-size:15px}.projects-showmore{gap:10px;padding:10px 15px;font-size:18px;margin:50px auto;cursor:pointer}.modal-content{width:80%;max-width:100%;margin:8% auto;height:auto}.project-items img{height:350px}.project-items .details-project{display:flex;align-items:flex-start;gap:10px;flex-direction:column}}@media (max-width:700px){.modal-content{margin:20% auto}.project-items img{height:100%}}@media (max-width:550px){.projects{padding:50px 30px;gap:20px}.filter-buttons{gap:15px;padding:7px 9px}.filter-buttons button{padding:3px 8px}.projects-title h1{font-size:35px}.projects-title img{right:-10px;width:115px}.prev-btn,.next-btn{font-size:35px;top:60%}.prev-btn{left:0}.next-btn{right:0}}@media (max-width:420px){.filter-buttons button{font-size:11px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;padding:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:65px;font-weight:600}.contact-title img{position:absolute;bottom:10px;right:0;z-index:-1;width:150px}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:55px;font-weight:700;background:#090979;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#fbfbfe 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact.light .contact-left h1{background:var(--light-accent);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:var(--light-gray);font-size:20px;line-height:35px}.contact.light .contact-left p{color:var(--medium-black)}.contact-details{display:flex;flex-direction:column;gap:30px;color:var(--light-gray);font-size:22px}.contact.light .contact-details{color:var(--black)}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:var(--light-gray);font-size:20px;font-weight:500}.contact.light .contact-right label{color:var(--black)}.contact-right input{border:none;width:700px;height:65px;padding-left:20px;border-radius:4px;background:var(--medium-black);color:var(--white);font-family:Open Sans;font-size:18px}.contact.light .contact-right input{background:var(--light-gray)}.contact-right textarea{border:none;max-width:680px;min-width:95%;min-height:150px;max-height:350px;padding:20px;border-radius:4px;background:var(--medium-black);color:var(--white);font-family:Open Sans;font-size:18px}.contact.light .contact-right textarea{background:var(--light-gray)}.contact-submit{border:none;color:var(--white);border-radius:50px;font-size:20px;padding:15px 30px;background:linear-gradient(90deg,#ffc201 9%,#ffc201 56%,#ffc201 92%);margin-bottom:50px;cursor:pointer;transition:.3s}.contact.light .contact-submit{background:var(--light-accent)}.contact-submit:hover{transform:scale(1.1);transition:.3s}.contact-submit.disabled{cursor:not-allowed;opacity:.8}#address-frame{height:280px}@media (max-width:1500px){.contact{gap:50px;padding:50px 70px}.contact-section{display:flex;gap:50px}}@media (max-width:1200px){.contact{display:flex}.contact-section{flex-direction:column;gap:30px;width:100%}.contact-left{gap:20px;width:100%}.contact-left h1{font-size:40px}.contact-left p{font-size:18px}.contact-details{gap:20px;font-size:18px}.contact-detail{gap:15px}.contact-detail img{width:25px}.contact-right label{font-size:18px}.contact-right input{width:100%}.contact-right textarea{border:none;font-size:18px}.contact-submit{font-size:20px;padding:10px 25px}}@media (max-width:998px){.contact{align-items:start;gap:50px;padding:50px 55px}}@media (max-width:768px){.contact-title h1{padding:0;font-size:50px}.contact-title img{width:130px;right:-20px}.contact-section{flex-direction:column;gap:30px}.contact-left{gap:20px}.contact-left h1{font-size:40px}.contact-left p{font-size:18px}.contact-details{gap:20px;font-size:18px}.contact-detail{gap:15px}.contact-detail img{width:25px}.contact-right label{font-size:18px}.contact-right input{width:100%}.contact-right textarea{border:none;font-size:18px}.contact-submit{font-size:20px;padding:10px 25px}}@media (max-width:550px){.contact{padding:10px 30px;gap:25px}.contact-right input{width:95%}.contact-right textarea{max-width:90%;min-width:90%}.contact-title h1{font-size:35px}.contact-title img{right:-10px;width:115px}.contact-left h1{font-size:30px}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:15px 20px;background:#313131}.footer.light{background:var(--light-accent)}.copyright a,.credits a{text-decoration:none;color:#ffc201}.footer.light .copyright,.footer.light .copyright a,.footer.light .credits a,.footer.light span{color:var(--white)}@media (max-width:600px){.copyright a,.footer{font-size:16px}}@media (max-width:440px){.copyright a,.footer{font-size:13px}}@media (max-width:380px){.copyright a,.footer{font-size:11.5px}}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{width:60px;height:60px;border-radius:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.half-circle-spinner .circle{content:"";position:absolute;width:100%;height:100%;border-radius:100%;border:6px solid transparent}.half-circle-spinner .circle.circle-1{border-top-color:var(--yellow);animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:var(--yellow);animation:half-circle-spinner-animation 1s infinite alternate}.half-circle-spinner.light .circle.circle-1{border-top-color:var(--light-accent)}.half-circle-spinner.light .circle.circle-2{border-bottom-color:var(--light-accent)}@keyframes half-circle-spinner-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle{position:fixed;bottom:20px;right:20px;padding:2px 4px;border:none;border-radius:50%;cursor:pointer;font-size:16px;z-index:99999}.toggle-icons{color:var(--white);font-size:35px;border-radius:50%;padding:5px}.darkmode{color:var(--yellow);background:var(--white);border:2px solid var(--yellow)}.lightmode{color:var(--light-accent);background:var(--white);border:2px solid var(--light-accent)}.app{background:var(--body-black);color:var(--white)}.app.light{background:var(--white);color:var(--black)}::selection{background:var(--yellow);color:var(--white)}.app.light ::selection{background:var(--light-accent);color:var(--white)}:root{--yellow: #ffc201;--black: #000;--white: #fff;--body-black: #161513;--navbar-sticky: #202020;--medium-black: #313131;--light-gray: #d8d8d8;--light-accent: #007bff}*{margin:0;padding:0}body{height:100vh;font-family:Google Sans;background:var(--body-black)}body::-webkit-scrollbar{width:7px}body::-webkit-scrollbar-track{background:var(--white)}body::-webkit-scrollbar-thumb{background:var(--medium-black);border-radius:25px}body::-webkit-scrollbar-thumb:hover{background:var(--medium-black)}