html,body{margin:0;padding:0;width:100%}#root{text-align:center}.active{background-color:#1e40af}.order-button a{background-color:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:.5rem}.order-button a:hover{background-color:#dc2626}nav{width:100%;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background-color:#0f172a;position:sticky;top:0;z-index:1000}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li:not(.order-button) a:not(.active):hover{background-color:#172554}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media(max-width:480px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav .title{margin:1rem auto .5rem;text-align:center}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem;padding:0}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}