.burger-menu {
	display: none;
	flex-direction: column;
	justify-content: space-around;
	width: 40px;
	height: 40px;
	cursor: pointer;
	position:absolute;
	left:10px;
	top:30px;
	padding:5px;
	border:2px solid #fff;
	border-radius:5px;
}

.burger-menu span {
	display: block;
	height: 4px;
	background-color: #fff;
	border-radius: 2px;
}

.burger-menu span {
	transition: transform 0.3s ease;
}

.burger-menu.active span:nth-child(1) {
	transform: rotate(45deg) translateY(6px) translateX(6px);
}

.burger-menu.active span:nth-child(2) {
	opacity: 0;
}

.burger-menu.active span:nth-child(3) {
	transform: rotate(-45deg) translateY(-7px) translateX(6px);
}