.menu-bar{display:flex;justify-content:center;align-items:center;position:relative;color:#261605;background-color:#eaeaea;height:4.5rem;width:100%;overflow:hidden;z-index:2;--bg: #261605}.menu-bar ul{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2.5rem;list-style:none}.menu-bar ul li{display:flex;font-size:1.4rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;border-radius:.4rem}.menu-bar ul li:hover,.menu-bar ul li:focus{background-color:var(--bg);color:#eaeaea;cursor:pointer;border-radius:.4rem}.menu-bar ul li.active{background-color:var(--bg);color:#eaeaea;border-radius:.4rem}@media (max-width: 1050px){.menu-bar{height:auto;padding:.75rem 1rem}.menu-bar ul{gap:1.5rem}.menu-bar ul li{font-size:1rem}}@media (max-width: 700px){.menu-bar{justify-content:center;flex-direction:column;align-items:center;height:10rem}.menu-bar ul{flex-direction:column;align-items:center;width:100%;gap:.8rem}.menu-bar ul li{width:15rem;font-size:1rem;justify-content:center}.menu-bar ul li:hover{background-color:#261605;color:#fff}}.add-form{display:flex;flex-direction:column;max-height:100vh;justify-content:center;align-items:center;padding:1rem;box-sizing:border-box}.add-form p{color:#fff;text-align:center}.add-form input,.add-form textarea{width:100%;width:50rem;min-height:2.5em;margin:1em 0;padding:.5rem;box-sizing:border-box;resize:none}.add-form textarea{max-height:5em;overflow-y:scroll}.form-btns{display:flex;flex-direction:row;gap:1rem}.add-form button{width:15rem;padding:.75rem 1rem;margin-top:1.5rem;background-color:#898989;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.add-form button:hover{background-color:#31313b;transform:translateY(-1px)}.add-form button:active{transform:translateY(0)}.add-form button.delete-btn{background-color:#ac1a1a}