body {
	margin: 0;
	padding: 0;	
	font-family: var(--font-main);
	font-size: 20px;
	/* background-color: red; */
}
article h1 {
	margin: 0;
	font-family: var(--font-main);
}

#wrap-root {
}
#wrap-main, #wrap-root {
	/* height: 100vh; */
	margin: 0;
	padding: 0;
	/* height: 100%; */
	/* overflow: visible; */
	display: unset;
}

#axosig {
	border-radius: 100%;
	background-color: #44aaff11;
	border: 14px solid #00000022;
	margin: 2rem auto;
	width: 360px;
	height: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
}
img#axoimg {
	max-width: 320px;
	margin: 2rem 1rem;
	opacity: 0.8;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 5s linear infinite;
  -moz-animation: rotating 5s linear infinite;
  -ms-animation: rotating 5s linear infinite;
  -o-animation: rotating 5s linear infinite;
  animation: rotating 5s linear infinite;
}

#axo {
	scroll-margin-top: 4rem;
}
#axowrap {
	border-radius: 100%;
	background-color: #00000022;
	border: 14px solid #ffffff22;
	margin: 2rem auto;
	width: 13rem;
	height: 13rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#axobit {
	font-size: 4rem;
	font-weight: bold;
	color: #ffffffaa;
}
#axotxt {
	text-align: center;
	font-weight: bold;
	/* font-style: italic; */
	margin-bottom: 2rem;
	padding: 0 1rem;
}

pre.coderows {
	padding-left: 2rem;
	
}

nav.menu.menu--sub {
	position: sticky;
	top: 0px;
	font-size: 0.9rem;
	z-index: 1000;
}
article {
	/* position:  */
}

nav.menu.menu--sub a {
	text-align: left;
	overflow: hidden;
	text-transform: uppercase;
	font-size: .85rem;
	font-weight: bold;
	color: #bbbbdd;
	padding-left: 0;
	/* height: 2rem; */
	/* background-color: rgba(255,255,255,0.95); */
}
nav.menu.menu--sub a:hover {
	text-decoration: none;
}

nav.menu.menu--sub a span.m-icon {
	background-color: #ffffff11;
	display: inline-block;
	padding: 6px 10px;
	margin: -6px 12px -6px 0;
}