body{background:linear-gradient(to bottom,#a2f194,#068108);margin:0;padding:0;font-family:Arial,sans-serif}#root{margin:0;padding:0;box-sizing:border-box}header{width:auto;height:80px;background:linear-gradient(to right,#d3d4d3,#1c581a)!important;padding:0;text-align:center;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 auto;position:relative;z-index:1}header img{height:120px;width:auto;margin-left:10px}nav{display:flex;flex-grow:1;justify-content:space-evenly;align-items:center;max-width:100%}nav a{color:#333!important;text-decoration:none;padding:10px 15px;display:inline-block;font-weight:700;line-height:1;transition:all .2s ease}nav a.active{color:#e8f5e9!important;background-color:#2c3e2d;border-radius:5px;box-shadow:0 4px 10px #0000001a}nav a:not(:first-child):hover{color:#fff!important;transform:translateY(-5px) scale(1.05);box-shadow:0 4px 8px #0003}@media (max-width: 768px){header{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:auto;padding:5px 10px}header img{height:50px;width:auto;flex-shrink:0;margin-right:10px}nav{display:flex;flex-grow:1;justify-content:space-between;align-items:center;gap:1px;width:100%;overflow:hidden}nav a{font-size:clamp(10px,2vw,14px);padding:6px 8px;flex:1 1 auto;text-align:center;white-space:normal;overflow:visible;text-overflow:unset}}