@charset "UTF-8";

body {
	animation: bugfix infinite 1s;
	-webkit-animation: bugfix infinite 1s;
}

@keyframes bugfix {
	from {
	padding: 0;
	}
	to {
	padding: 0;
	}
}
@-webkit-keyframes bugfix {
	from {
	padding: 0;
	}
	to {
	padding: 0;
	}
}
header #overlay-button {/*menu-btn*/
	position: fixed;
	right: 0.5em;
	top: 1.5em;
	padding: 0 0;
	z-index: 2000;
	cursor: pointer;
	user-select: none;
}
header #overlay-button span {
	height: 2px;
	width: 30px;
	border-radius: 2px;
	background-color: #966f32;
	position: relative;
	display: block;
	transition: all .2s ease-in-out;
}
header #overlay-button span:before {
	top: -10px;
	visibility: visible;
}
header #overlay-button span:after {
	top: 10px;
}
header #overlay-button span:before, #overlay-button span:after {
	height: 2px;
	width: 30px;
	border-radius: 2px;
	background-color: #966f32;
	position: absolute;
	content: "";
	transition: all .2s ease-in-out;
}
header #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
	background: #966f32;
}

header input[type=checkbox] {
	display: none; 
	
}

header input[type=checkbox]:checked ~ #overlay {
	visibility: visible; 
}

header input[type=checkbox]:checked ~ #overlay-button:hover span, header input[type=checkbox]:checked ~ #overlay-button span {
	background: transparent;
	
	
}
header input[type=checkbox]:checked ~ #overlay-button span:before {
	transform: rotate(45deg) translate(7px, 7px);

}
header input[type=checkbox]:checked ~ #overlay-button span:after {
	transform: rotate(-45deg) translate(7px, -7px);


}

header #overlay {
	height: 100vh;
	width: 100vw;
	background: #fff;
	z-index: 1000;
	visibility: hidden;
	position: fixed;
	top:0;/**/
}
header #overlay.active {
	background: #966f32;
}

header #overlay-input {
	display: none;
}