#menu-bar { display: none;}
header label {float: right;
			        font-size: 28px;
							margin: 6px 0;
							cursor:pointer;}
.menu {position: absolute;
			 top: 50px;
			 left: 0;
			 width: 100%;
			 height: 100vh;
			 background: rgba(51,51,51,0.9);
			 transition: all 0.5s;
			 transform: translateX(-100%);}	
.menu a {display: block;
				 color: #fff;
				 heigth: 50px;
				 text-decoration: none;
				 padding: 25px;
				 boder-bottom: 1px solid rgba(255,255,255,0.3);}
.menu a:hover { background: rgba(255,255,255,0.3);}
#menu-bar:checked ~ .menu{ transform: translateX(0%);}