@charset "utf-8";
a{
	text-decoration: none;
}
.menuExists{
	position:fixed;
}
#menu{
	display:none;
	position: fixed;
	width:375px;
	height:100vh;
	background-color:white;	
	z-index:98;
	flex-direction: column;
	justify-content: center;
}
#menuIconSpace{
	position:fixed;
	width:375px;
	margin:0 auto;
	z-index:99;
}
	#menuIcon{
		position:absolute;
		right:10px;
		width:40px;
		height:40px;
		font-size:0.8em;
		background-color:gray;
		display:flex;
		flex-direction: column;
		align-items: center;
		border-radius:10%;
	}
	#menubar1,#menubar2,#menubar3{
		position:absolute;
		display: block;
		height:3px;
		background-color: black;
		border-radius:20%;
	}
	#menubar1{
		width:30px;
		top:5px;
	}
	#menubar2{
		top:18px;
		width:25px;
	}
	#menubar3{
		bottom:5px;
		width:30px;
	}
#menuBox{
	width:120px;
	height:320px;
	display:block;
	margin:auto;
}
.menuItem{
	width:100px;
	height:50px;
	margin:auto;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color:lightgray;
	margin-bottom: 10px;
}
/**/
@media screen and (min-width:600px){
	#menuIconSpace{
		display: none;
	}
}