body {
	background-color: #f0edd5;
	color:#0c5c10;
	font-family: helvetica;

}

aside#sidedrawermenu{
	background-color: #8ead90;
	width:100vw;
	height:100vh;
	position: fixed;
	top:0;
	left:-100vw;
	transition: transform 1s;
}

	.slidedrawer{
		transform: translate(100vw);
	}

aside#rightsidedrawermenu{
	background-color: #8ead90;
	width:100vw;
	height:100vh;
	position: fixed;
	top:0;
	left:200vw;
	transition: transform 1s;
}

.rightslidedrawer{
		transform: translate(-200vw);
	}

aside#bottomsidedrawermenu{
	background-color: #8ead90;
	width:100vw;
	height:100vh;
	position: fixed;
	top:100vh;
	left:0;
	transition: transform 1s;
}

.bottomslidedrawer{
		transform: translateY(-100vh);
	}

header{
	margin-top:10vh;
	text-align: center
}

h1{
	font-size:45pt;
	line-height: 10pt;
}

h2{
	font-family: monospace;
	font-weight: lighter;
	line-height:30pt;
}

section {
	text-align:center;
}

button {
	font-size:40pt;
	border-radius: 15%;
	border-color:#0c5c10;
	border-width: 2.5pt;
	width:80;
	height:80;


}

	button:hover{ 
		background-color: #0c5c10;
		box-shadow: 5px 5px 7px #8ead90;
	 }

button#hamburgerbutton{
	z-index:100;
	position: fixed;
	top:0;
}

button#righthamburgerbutton{
	z-index:100;
	position: fixed;
	top:0;
	left:95vw;
}

button#bottomhamburgerbutton{
	z-index:100;
	position: fixed;
	top:90vh;
	left:48vw;
}

img {
	opacity: 0;
}

.nightmode {
	background-color: black;
	color: white;
}

.catmode {
	opacity: 100%;
}

.grave{
	background-color: black;
	color: black;
}

.graves{
	background-color: black;
	border-color: black;
	color: black
}

	.graves:hover{
		background-color: red;
		box-shadow:5px 5px 7px red;
	}

.burgermode {
	opacity: 100%;
	margin-left:20vw;	
}

.bigmode{
	transform: scale(1.1);
}