nav {
	background-color: #222831;
	color: #fff;
}

#hamburger {
    display:none;
	justify-content: center;
	align-items: center;
}

[type="checkbox"]{
    width: 0;
    height: 0;
}

.checkbtn {
	font-size: 1.5rem;
	color: white;
	cursor: pointer;
    width:50px;
    aspect-ratio:1/1;
    font-size:2em;
    display:flex;
	justify-content: center;
	align-items: center;
}

.checkbtn.on {
    color:rgb(15, 195, 15);
    color:#00cc66;
}

#menu-items{
	color:grey;
    display:flex;
    height:100%;
    justify-content: center;
	align-items: center;
    flex:1;
    background-color:#15171a;
}

#menu-items > .item {
	height:100%;
	padding:10px 20px 10px 20px;
	font-size:1.5em;
	text-decoration:none;
	transition: all 0.1s;
	color:#00cc66;
    background-color:rgba(0,0,0,0.0);
    display:flex;
    justify-content: center;
	align-items: center;
    flex:1;
}

#menu-items > .item:hover {
	background-color:rgba(0,0,0,0.5);
	color:#1bff8d;
	xtext-shadow:0px 0px 15px #44ff79, 0px 0px 90px white ; 
}

#menu-items > .item.selected {
	background-color:rgba(0,0,0,0.5);
}


#menu-items > a.item:active {
    background-color:rgba(0,0,0,0.9);
}