/* CSS Document */
#menu-bar{
	display: none;
}

header label{
	float:right;
	font-size:28px;
	margin:6px 0;
	cursor:pointer;
	
}

footer a{
	float:right;
	font-size:20px;
	margin:0px 5;
	color:black;
}

.menu{
	/*display:none;*/
	position:absolute;
	width:100px;
	heigth:100vh;
	background:rgba(51,51,51,0.9);
	top:50px;
	right:0;
	transition: all 0.5s;
	transform: translatex(100%);
}

.menu a{
	display:block;
	color:#FFF;
	height:50px;
	text-decoration:none;
	padding:15px;
	border-bottom:1px solid rgba(255,255,255,0.5);
}

.menu a:hover{
	background:rgba(255,255,255,0.3);
}

#menu-bar:checked ~ .menu{
	transform: translatex(0%);
}