@media (max-width:1024px){.social-icons a:hover i,a:hover,button:hover,nav ul li a:hover{background:0 0!important;color:inherit!important;transform:none!important;transition:none!important}header{padding:0 15px}nav ul{gap:15px;padding:8px 15px;font-size:15px}.hero .slider{height:200px;width:180px}.hero .slider .item{transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(320px)}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:150px;padding:1px 8px}.about{padding:30px;max-width:90%}.profile{width:50%;margin-bottom:30px}.social-icons ul{gap:20px}.social-icons i{font-size:40px;padding:4px}}@media (max-width:768px){.hamburger,nav ul.show{display:flex}nav ul{position:absolute;top:70px;right:20px;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.95);border:2px solid #e4aa5e;border-radius:10px;padding:15px;display:none;transform:translateY(-10px);opacity:0;transition:opacity .4s,transform .4s}nav ul.show{opacity:1;transform:translateY(0)}.hero .slider{height:150px;width:120px}.hero .slider .item{inset:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(200px)}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:120px}.about{padding:20px;font-size:16px}.about h1{font-size:1.6rem}.about h2{font-size:16px;padding:4px 8px}.profile{width:60%}.social-icons ul{gap:20px}.social-icons i{font-size:24px;padding:5px}}@media (max-width:480px){header{top:5px;height:45px}.hero .slider{top:-50px;height:130px;width:100px}.hero .slider .item{inset:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(160px)}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:100px}.about h1{font-size:1.4rem}.about h2,.about li,.about p{font-size:14px}.about h2{padding:3px 6px}.profile{width:70%}.social-icons ul{gap:10px}.social-icons i{font-size:24px;padding:3px}}@media (max-width:360px){header{top:0;height:40px}.hero .slider{height:100px;width:80px}.hero .slider .item{inset:0;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(130px)}.grid-layout{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-auto-rows:90px}.about{padding:15px}.about h1{font-size:1.2rem}.about h2,.about li,.about p{font-size:12px}.about h2{padding:2px 4px}.profile{width:80%}.social-icons ul{gap:8px}.social-icons i{font-size:28px;padding:3px}}