*{margin: 0;
padding: 0;
list-style-type: none;}


body{ background-color: green; }
button{
	line-height: 1.2em;
font-size: 5vw;
position: fixed;
border: 0.1vw solid black;
margin: 2vw 0 0 2vw;
padding: 0 1vw 0.5vw 1vw;
box-shadow: 0.5vw 0.5vw 0.5vw black;
border-radius: 10%;
background-color: pink;
}




button:hover {
	color: white;
	border-color: white;
	background-color: black;
}

nav{
	position: fixed;
	font-size: 5vw;
	top: 12vw;
	left: -20vw;
	padding: 5vw;
	color: pink;
	font-family: sans-serif;
	transition: transform .8s;
}

.slide-the-drawer {
	background-color: pink;
	transform: translateX(20vw);
}

.menu-button{
	background-color: orange;
	transform: translateY(40vw);

}

article{
	position: fixed;
	font-size: 5vw;
	top: -35vw;
	left: 50vw;
	padding: 5vw;
	color: pink;
	font-family: sans-serif;
	transition: transform .8s;
}

#hamburger {
	left: 30vw;
}