@charset "UTF-8";
/* CSS Document */
label.wnuck { 
   display: block;
   position:fixed !important; 
   z-index: 5;
   margin-left: 90%;
   margin-top: 12px;
   border-radius: 6px; 
}

input#wnuck {display:none}


.line {
	position: absolute;
	left: 10px;
	height: 5px;
	width: 35px;
	background: #506f1e;
	border-radius: 3px;
	display: block;
	transition: 0.5s;
	transform-origin: center;
	z-index: 4;
	background-color: #506f1e;
}

.line:nth-child(1) { top: 30px; }
.line:nth-child(2) { top: 40px; }
.line:nth-child(3) { top: 50px; }

#wnuck:checked + .wnuck .line:nth-child(1){
   transform: translateY(10px) rotate(-45deg);
}

#wnuck:checked + .wnuck .line:nth-child(2){
   opacity:0;
}

#wnuck:checked + .wnuck .line:nth-child(3){
   transform: translateY(-10px) rotate(45deg);
}

#wnuck:checked + .wnuck  + nav.topmenu { 
    max-height: 500px; 
}


nav.topmenu { 
    height: 110%; 
    background-color: #aee557;
    max-height:0; 
    text-decoration: none;
    margin-top: 0px;
    overflow: hidden; 
    transition: all 0.5s;
    opacity: 0%;
    z-index: 4;
}