:root{--jet-black:#253031;--dark-slate-grey:#315659;--slate-green:#31594b;--cerulean:#2978a0;--amber-sand:#c7a15f;--sand:#bcab79;--olive-dust:#a79f68;--pale-sky:#c6e0ff}.nav-bar{background-color:var(--dark-slate-grey);border-radius:10px;display:grid;width:-moz-fit-content;width:fit-content;position:relative;flex-shrink:0}.nav-item{font-weight:700;font-size:larger;padding:3cap 2cap;margin:1rem 0;text-align:center}