:root {
  --NavTitle: #00b8a5;
  --NavStar: #ffd500;
  --NavBord: #9900ffd5;
  --Muted: #888;
}

#Nav {
    display: block;
    flex-wrap:nowrap;
    padding: 0.77rem 0.5rem;
    text-align:center;
    color:var(--NavTitle);
    width:inherit;
    letter-spacing:0.05rem;
}

.Justify {
	margin: 0.45rem 0;
}

.nav-bull {
    vertical-align: middle;
    padding: 0.01rem;
    width:fit-content;
    height:fit-content;
  }

.NavBord {
    color:var(--NavStar);
    border-bottom: 1px dotted var(--NavBord);
    border-top: 1px dotted var(--NavBord);
    line-height: 0.55rem;
    font-size: 0.65rem;
    letter-spacing: 0.15rem;
    margin-top: -0.02rem;
    margin-bottom: 0.5rem;
    opacity: 0.8;
    padding-left:0.05rem;
  }

.seperator {
    position:relative;
    display:block;
    width:100%; height:0.4rem;
    border-top:1px dotted var(--underline);
    opacity:0.5;
  }


#Nav .Tight {
  letter-spacing: 0.02rem;
  word-spacing: -0.08rem;
  transition: ease-in-out .4s;
  }

#Nav .Tight:hover {
	letter-spacing:0.075rem;
	word-spacing: -0.08rem;
	transition: ease-in-out .4s;
  }

#Nav a {
	padding:0 0.25rem;
	display:inline-block;
  }

#Nav a:hover {
	letter-spacing:0.125rem;
	transition: ease-in-out .4s;
  }
a.current {
    display:block;
  }
a.current.Index .Here, a.current.Portfolio .Here, a.current.Blog .Here, a.current.Map .Here, a.current.Writing .Here, .current.RotWorld .Here, .current.Resources .Here, .current.CoolPeeps .Here, .current.MegaShrine .Here{
    display:block; font-size:80%;
    letter-spacing:-0.01rem; word-spacing:-0.01rem;
    transform: scaley(0.9)!important; margin-top:-0.25rem;
  }
.current.Index, .current.Map, .current.Blog, .current.Portfolio, .current.Writing, .current.RotWorld, .current.Resources, .current.CoolPeeps, .current.MegaShrine {
    margin-top:-0.35rem;
  }
.Here{
    display:none;
  }

.Button{
	opacity:0.8;
	background:var(--cardInner);
	padding:0.2rem;
	margin-top:0.5rem;
}
.Button a {
	color:var(--links-hover);
}
.Button:hover  {
	letter-spacing:0.08rem;
	background:var(--titles);
	transition: ease-in-out .35s;
}
.Button:hover a  {
	color:var(--card);
	transition: ease-in-out .35s;
}


/*--- END Site Nav ---*/