@font-face{
	font-family: 'Noto-regular';
	src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
}
@font-face{
	font-family: 'HelveticalNue';
	src: url('../fonts/HelveticaNeue.otf') format('truetype');
}
@font-face{
	font-family: 'HelveticalNueBold';
	src: url('../fonts/HelveticaNeue-Bold.otf') format('truetype');
}



html,body{
	width: 100%;
	height: 100%;
	/* background-color: whitesmoke; */
	text-align: center;
	font-family: 'Noto-regular';
}

.page, :target ~ .active{
	width: 100%;
	height: 100%;
	display: none;
}
.active, :target{
	display: flex;
	flex-direction: column;
}

.page>.content{
	flex: 1;
	display: flex;
	flex-direction: column;
}


.biglogo{
	width: 60%;
	margin: 16px;
}

.smalllogo{
	width: 100px;
}

.smallcirclelogo{
	width: 40px;
	height: 40px;
	background-color: lightgrey;
	border-radius: 40px;
	border-style: none;
	margin: 4px 8px;
}

.divider{height: 1px; width: 100%; background-color: lightgrey;}
.spacer10{height: 10px;}
.spacer20{height: 20px;}
.spacer30{height: 30px;}
.spacer40{height: 40px;}
.spacer50{height: 50px;}
.spacer60{height: 60px;}
.spacer70{height: 70px;}
.spacer80{height: 80px;}
.spacer90{height: 90px;}
.spacer100{height: 100px;}

.flexspacer1{flex:1;}