body{
	background-color: rgb(30, 30, 30);
}
h1{
	color: white;
	text-align: center;
	font-size: 40pt;
}
.menu{
	transition: all 0.3s;
	position: fixed;
	width: 0%;
	top: 0;
	right: -200px;
	background: #242d46;
	height: 100%;
	z-index: 999;
	box-shadow: 0px 0px 10px black;
}

.menu a{
	color: white;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px 10px 0px;
	/*border-radius: 100px;*/
	transition: all 0.6s ;
}

.menu a:hover{
	background: #131A26;
}

.menu-toggle{
	transition: all 0.3s ease;
}

.menu-toggle:hover{
	cursor: pointer;
}

.menu.open{
	right: 0;
	width: 200px;
	display: block;
}

.menu-toggle.open{
	right: 200px !important;
}