html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}nav{background-color:#0003;padding:15px 0;position:fixed;top:0;width:100%;z-index:10;box-shadow:0 2px 10px #00000080}nav ul{list-style-type:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}nav ul li{margin:0 20px}nav ul li a{color:#fff;text-decoration:none;font-size:18px;font-weight:700;padding:10px 15px;transition:color .3s ease,transform .3s ease;text-transform:uppercase}nav ul li a:hover{color:#f1c40f;transform:scale(1.1)}nav ul li a.active{color:#f1c40f;border-bottom:3px solid #f1c40f}@media (max-width: 768px){nav ul{flex-direction:column}nav ul li{margin:10px 0}nav ul li a{font-size:16px;padding:8px}}