body {
	font-family: 'Open Sans';
	margin: 0;
	height: 100%;
	font-size: calc(8px + .35vw)
}

#warning {
	width: 400px;
  padding: 6px;
  position: absolute;
  text-align: center;
  color: white;
	background: #333350;
	border: 2px solid white;
	position: fixed;
	top: 35px;
	left: -150px;
	transform: rotate(-45deg);
	font-weight: bold;
}

#content {
	margin-top: 1.5em;
}

#site-logo {
	width: 60px;
	position: fixed;
  left: 1%;
  top: 4.5%;
}

a {
	color: inherit;
	text-decoration: none;
}

h1 {
	margin: 6% 3% 0;
	font-size: 250%;
	font-weight: 400;
}


#main {
	min-height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#ninetyPercent {
	width: 100%;
	flex-grow: 1;
	overflow: auto;
}

#page-type {
	display: inline-block;
	position: fixed;
	right: 3%;
	top: 9%;
	opacity: .4;
	color: #333350;
  opacity: 0.8;
}

#page-type span {
	text-transform: uppercase;
	font-size: 100%;
	font-weight: bold;
}