.navbar { background: linear-gradient(90deg, #3e8e41, #76b947); transition: all 0.3s ease; } .navbar-brand { font-weight: bold; font-size: 1.6rem; color: #fff; } .nav-link { color: #eefee8 !important; position: relative; margin-right: 1rem; transition: color 0.3s ease; } .nav-link::after { content: ""; position: absolute; width: 0%; height: 2px; bottom: 0; left: 0; background-color: #b6f731; transition: width 0.3s ease; } .nav-link:hover::after, .nav-link.active::after { width: 100%; } .nav-link:hover, .nav-link.active { color: #b6f731 !important; }    .navbar.scrolled { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; }