.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#21cece;color:#fff;padding:15px 35px;box-shadow:0 6px 10px #0009;position:fixed;top:0;width:100%;z-index:1000}.nav-item{text-decoration:none;color:#fff;font-size:18px;margin:0 15px;font-weight:700;transition:color .3s ease}.nav-item:hover{color:#ffcf0e;text-decoration:2px underline solid #ffcf0e}.categories-list{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.categories-list li{opacity:0;animation:fadeIn 1s ease-in forwards}.categories-list li:nth-child(1){animation-delay:.1s}.categories-list li:nth-child(2){animation-delay:.3s}.categories-list li:nth-child(3){animation-delay:.5s}.categories-list li:nth-child(4){animation-delay:.7s}.category-link{text-decoration:none;color:#fff;font-size:16px;margin:0 10px;padding:5px 10px;transition:color .3s ease,transform .2s ease}.category-link:hover{color:#fc0;text-decoration:2px underline solid #ffcf0e;transform:scale(1.1)}.nav-item.active,.category-link.active{color:#fc0000c1;text-decoration:2px underline solid #c60a55c1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body{padding-top:60px}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;background-color:#ddfcf5;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}