:root{--primary-color:hsl(35,60%,45%);--secondary-color:hsl(45,30%,98%);--terciary-color:hsl(33,26%,85%);--portfolio-bg-color:hsl(33,20%,35%);--dark-color:hsl(25,40%,25%);--light-color:hsl(45,25%,95%);--text-color:hsl(25,35%,20%);--footer-bg-color:hsl(25,40%,15%);--btn-bright-color:hsl(35,60%,75%);--btn-dark-color:var(--primary-color);--btn-bright-hover-color:hsl(35,60%,85%);--btn-dark-hover-color:hsl(35,70%,55%);--btn-shadow:-1px 5px 10px hsla(25,100%,20%,0.4);--btn-shadow-hover:-1px 10px 15px hsla(30,55%,50%,0.5);--placeholder-color:hsl(35,70%,30%);--placeholder-opacity:0.4;--bg-color-1:#ddbd9c;--bg-color-2:#775b39;--bg-gradient:linear-gradient(135deg,var(--bg-color-1) 0%,var(--bg-color-2) 100%);--gradient-btn:linear-gradient(150deg,var(--btn-bright-color),var(--btn-dark-color) 99%);--gradient-btn-hover:linear-gradient(160deg,var(--btn-bright-hover-color),var(--btn-dark-hover-color) 90%);--modal-btn-normal-col:hsl(35,15%,80%);--modal-btn-hover-col:hsl(35,15%,100%);--modal-btn-normal-bg-col:hsla(0,0%,0%,0.1);--modal-btn-hover-bg-col:hsla(35,60%,80%,0.15);--scrollbar-track:var(--light-color);--scrollbar-thumb:var(--primary-color);--scrollbar-thumb-hover:var(--terciary-color);--overlay-color:hsla(35,60%,45%,0.2);--muted-text:hsl(25,25%,45%);--border-color:hsl(35,20%,80%);--social-bg:hsla(45,30%,98%,0.1);--shadow:0 4px 6px hsla(25,40%,25%,0.1);--shadow-2:0 5px 15px hsla(25,100%,8%,0.8);--shadow-3:0 1px 20px hsla(30,80%,3%,0.7);--shadow-lg:0 15px 40px hsla(25,40%,25%,0.1);--filter-btn-bg-col-normal:linear-gradient(150deg,var(--secondary-color),var(--secondary-color) 99%);--filter-btn-bg-col-hover:linear-gradient(150deg,var(--primary-color),var(--primary-color) 99%);--filter-btn-bg-col-active:var(--gradient-btn);--filter-btn-shadow-hover:0 0 8px 2px hsla(30,95%,60%,0.1);--filter-btn-shadow-active:0 0 8px 2px hsla(30,95%,60%,0.25);--filter-all-btn-bg-normal:linear-gradient(150deg,var(--primary-color),var(--primary-color) 99%);--filter-all-btn-bg-hover:linear-gradient(150deg,var(--btn-bright-color),var(--btn-bright-color) 99%);--filter-all-btn-shadow-active:0 0 8px 2px hsla(30,60%,60%,0.4);--white:hsl(0,0%,100%);--black:hsl(0,0%,0%);--light:hsl(45,30%,98%);--dark:hsl(25,40%,25%);--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-full:9999px;--transition-1:0.3s ease;--transition-2:1s ease;--transition-3:0.5s ease}[data-theme=dark]{--primary-color:hsl(35,65%,65%);--secondary-color:hsl(25,25%,15%);--terciary-color:hsl(33,26%,25%);--portfolio-bg-color:hsl(33,20%,12%);--dark-color:hsl(45,30%,88%);--light-color:hsl(25,25%,20%);--text-color:hsl(35,25%,85%);--footer-bg-color:hsl(25,30%,10%);--btn-bright-color:hsl(35,65%,65%);--btn-dark-color:hsl(35,60%,45%);--btn-bright-hover-color:hsl(35,70%,75%);--btn-dark-hover-color:hsl(35,65%,55%);--btn-shadow:-1px 5px 10px hsla(25,100%,10%,0.6);--btn-shadow-hover:-1px 10px 15px hsla(30,55%,30%,0.7);--placeholder-color:hsl(35,30%,60%);--placeholder-opacity:0.4;--bg-color-1:hsl(33,25%,35%);--bg-color-2:hsl(33,30%,15%);--overlay-color:hsla(35,60%,45%,0.15);--muted-text:hsl(25,25%,65%);--border-color:hsl(35,20%,30%);--social-bg:hsla(45,30%,98%,0.05);--shadow:0 4px 6px hsla(25,40%,5%,0.3);--shadow-2:0 5px 15px hsla(25,100%,2%,0.8);--shadow-3:0 1px 20px hsla(30,80%,3%,0.8);--shadow-lg:0 15px 40px hsla(25,40%,5%,0.3);--filter-btn-bg-col-normal:linear-gradient(150deg,var(--light-color),var(--light-color) 99%);--filter-btn-bg-col-hover:linear-gradient(150deg,var(--primary-color),var(--primary-color) 99%);--filter-btn-bg-col-active:var(--gradient-btn);--filter-btn-shadow-hover:0 0 8px 2px hsla(30,95%,60%,0.15);--filter-btn-shadow-active:0 0 8px 2px hsla(30,95%,60%,0.3);--scrollbar-track:var(--secondary-color);--scrollbar-thumb:var(--primary-color);--scrollbar-thumb-hover:var(--btn-bright-color)}*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica Neue,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{color:var(--text-color);line-height:1.6;background-color:var(--secondary-color)}a{text-decoration:none;color:var(--primary-color);transition:all var(--transition-1);&:hover{color:var(--btn-bright-color)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px;border:2px solid var(--scrollbar-track);&:hover{background:var(--scrollbar-thumb-hover)}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.btn{display:inline-block;background:var(--gradient-btn);color:var(--secondary-color);padding:12px 25px;border-radius:30px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:var(--btn-shadow);border:none;cursor:pointer;transition:all var(--transition-3);&:hover{transform:translateY(-3px);background:var(--gradient-btn-hover);box-shadow:var(--btn-shadow-hover);opacity:1}}section{padding:80px 0}h1,h2,h3,h4{font-weight:700;margin-bottom:20px;color:var(--dark-color)}h1{font-size:3rem}h2{font-size:2.5rem;text-align:center;margin-bottom:50px;position:relative;&:after{content:"";display:block;width:80px;height:4px;background-color:var(--primary-color);margin:15px auto 0}}p{color:var(--text-color);margin-bottom:15px}@media (max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}a{transition:none;&:hover{opacity:1}}.btn{transition:none;&:hover{transform:none;background:var(--gradient-btn);box-shadow:var(--btn-shadow)}}}