* {
    margin : 0;
    padding: 0;
 }

body {
	background-color: green;
}

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

}

button:hover {
	color:white;
	border-color:white;
	background-color:black;
}
nav {
	font-family: Courier New;
	position:fixed;
	font-size:3.5vw;
	top:15vw;
	left:-14.5vw;
	padding: 2.8vw;
	background-color:white;
	transition:1.4s;
}

ul {
	list-style-type: none;
}
.slide-the-drawer {
	transform:translateX(14vw);
}
.div {
	transition:1.4s;
}
.btn button {
	margin:30vw 25vw 0 40vw;
    background-color: #4CAF50; 
    border: 1px solid green; 
    color: white; 
    padding: 1vw; 
    float: left; 
}

.btn button:hover {
    background-color: #3e8e41;
}

.drawer {
	font-family: Courier New;
	position:fixed;
	font-size:3.5vw;
	margin:-15vw 44vw;
	padding: 2.8vw;
	background-color:white;
	transition:1.4s;
}

.slide-the-drawer2 {
	transform:translateY(20vw);
}