.header{display:flex;justify-content:space-between;align-items:center;height:120px;padding:0 100px;position:fixed;top:0;width:100%;z-index:10;background-color:var(--background-color)}.header ul{gap:70px;list-style:none;margin:0;padding:0}.header-name{color:var(--special-color);font-size:24px;font-weight:600;align-items:center}.header-name-special{color:var(--text-color)}.header-content{display:flex;width:100%}.header-content,.nav-toggle{justify-content:flex-end;align-items:center}.nav-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;padding:0}.nav-toggle svg{height:28px;width:28px;fill:var(--special-color)}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links.open{position:fixed;top:0;right:-100%;height:100%;width:100%;max-width:600px;background-color:var(--background-color);transition:right .3s ease-in-out;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-links li{margin-left:16px}.nav-links li a{text-decoration:none;color:var(--text-color);font-size:16px;font-weight:600}.nav-links li a.active,.nav-links li a:hover{color:var(--special-color)}@media (max-width:768px){.header{padding:0 20px;height:90px}.header-content{padding:0}.nav-toggle{display:flex}.nav-links{display:none}.nav-links.open{display:flex;right:0}.nav-links li a{font-size:16px}}.parent-container{width:100%;overflow:hidden;position:relative;white-space:nowrap}.tech-container{display:inline-flex;animation:scrolling 20s linear infinite;white-space:nowrap}.tech-icon{width:50px;height:50px;margin-right:200px}@keyframes scrolling{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@media screen and (max-width:1024px){.tech-icon{width:40px;height:40px;margin-right:100px}}@media screen and (max-width:768px){.tech-container{animation:scrolling 10s linear infinite}.tech-icon{width:30px;height:30px;margin-right:50px}}.custom-button{background-color:var(--special-color);color:var(--white-color);padding:12px 24px;border:none;border-radius:100px;cursor:pointer;font-size:16px;transition:background-color .3s ease;display:inline-flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.custom-button:hover{background-color:var(--special-color-hover)}.custom-button:disabled{background-color:var(--btn-color-disabled);color:var(--btn-color);cursor:not-allowed;opacity:.6}.default-size{width:100%;max-width:600px;height:53px}.normal-size{height:53px}@media screen and (max-width:768px){.custom-button{border-radius:100px}.default-size,.normal-size{height:44px}}.portfolio-container{position:relative;display:flex;margin-top:120px;width:100%;padding:0 100px;background-color:var(--background-color);text-align:center;justify-content:center}.portfolio-container-introduction{font-size:63px;font-weight:600;text-align:center;line-height:1.1;position:relative;z-index:1;margin-top:60px;margin-bottom:60px}.portfolio-container-introduction-special{color:var(--special-color-disabled)}.portfolio-projects-section{margin-top:120px;margin-bottom:120px;padding:0 100px;width:100%}.portfolio-category{margin-bottom:80px}.portfolio-category:last-child{margin-bottom:0}.portfolio-category-heading{font-size:48px;font-weight:600;text-align:center;margin-bottom:60px;color:var(--special-color)}.portfolio-myworks{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));grid-gap:50px;gap:50px}.portfolio-card{width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background-color:#f2f4f6}.portfolio-card-image{width:100%;height:400px}.portfolio-card-image img{width:100%;height:100%;object-fit:cover}.portfolio-card-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:40px;gap:20px}.portfolio-card-title{font-size:26px;font-weight:500}.portfolio-card-btn{padding:10px 30px;flex-shrink:1;background-color:var(--special-color);color:var(--white-color);border:none;border-radius:100px;cursor:pointer;font-size:16px;transition:background-color .3s ease;display:inline-flex;justify-content:center;align-items:center;font-family:Poppins,sans-serif}.portfolio-card-btn:hover{background-color:var(--special-color-hover)}.portfolio-card-techstack{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.tech-badge{background-color:#e8f0fe;color:#1967d2;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid #dadce0;transition:all .2s ease}.tech-badge:hover{background-color:#d2e3fc;transform:translateY(-1px)}@media screen and (max-width:768px){.portfolio-container{margin-top:90px;padding:0 20px}.portfolio-container-introduction{font-size:28px;margin-top:30px;margin-bottom:40px;font-weight:600}.portfolio-container-socials{margin-top:350px;padding:50px 20px}.portfolio-projects-section{margin-top:50px;margin-bottom:50px;padding:0 20px}.portfolio-category{margin-bottom:60px}.portfolio-category-heading{font-size:32px;font-weight:600;margin-bottom:40px}.portfolio-myworks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:40px;gap:40px}.portfolio-card-image{width:100%;height:400px}.portfolio-card-image img{width:100%;height:100%;object-fit:cover}.portfolio-card-content{display:flex;flex-direction:column;padding:20px 20px 40px;gap:20px}.portfolio-card-title{font-size:22px;font-weight:500}.portfolio-card-subtitle{font-style:normal;font-weight:400;line-height:157.7%}.portfolio-card-techstack{gap:6px;margin-top:5px}.tech-badge{font-size:11px;padding:5px 10px}}