@import url('https://fonts.googleapis.com/css?family=Arvo');


body{

	font-family: 'Arvo', serif;
	color: #0b032d;
}

main{
	z-index:99;
	min-height: 550px;
}

canvas, .a-canvas{
	left:0px;
	top:10px;
	position:fixed; !important;
}

.a-canvas{
	z-index: -2; !important;
	background-color:white;
	opacity: 0.5;
	width:100%;
	height:100%;
	display:none;
}

#leftmenu{
	position: fixed;
	top: 250px;
	left: 0px;
	width: 150px;
	padding-left: 0px;
	font-weight: bold;
}

.lists{
	list-style-type: none;
}



.bigger{
	font-size: 3em;
	color: #843b62;
}

.subheading{
	font-size: 1.5em;
	color: #0b032d;
}

footer{
	z-index:90;
	min-height: 50px;
	background-color: #0b032d;
	color: rgb(132,59,98);

}
.inline-text{
	font-size: 0.9em;

}


.feathers{
	cursor: pointer;
	color: rgb(132,59,98);
}

.feather:hover{
	color: rgb(182,109,148);
}

@media screen and (max-width: 1120px) {
	canvas{
		position: fixed;
		top: 80px;
		left: 50%;
		transform: translateX(-120px);
	}

	.a-canvas{
		display: block;

	}

	.big-center{
		text-align: center;
	}

	.topper{
		position: fixed;
		font-size: 10px;
		top:10px;
		left: 10px;
	}


}