/* Stylesheet made by Masa */

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

}

body {
	background-color: lightgreen;
}

button{
	line-height: 1.3em;
	position: fixed;
	font-size: 6.5vw;
	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%;
	color: white;
}


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


nav#nav_01{
	font-family: Helvetica, Ariel, sans-serif;
	border: 0.4vw solid black;
	font-variant-caps: normal;
	position: fixed;
	font-size: 3vw;
	top: 13vw;
	left: -30vw;
	padding: 4vw;
	background-color: white;
	transition: transform 0.5s;
}

.slide-the-drawer{
	transform: translateX(32vw);

}

#hanburger-button-02{
	line-height: 1.3em;
	font-size: 6.5vw;
	border: 0.4vw solid black;
	margin-left: 60vw;
	box-shadow: 0.5vw 0.5vw 0.5vw black;
	border-radius: 10%;
	color: white;

}

section#nav_02{
	font-family: Helvetica, Ariel, sans-serif;
	border: 0.4vw solid black;
	font-variant-caps: normal;
	position: fixed;
	font-size: 3vw;
	margin-left: 60vw;
	margin-top: -20vw;
	background-color: white;
	transition: transform 0.5s;
}

.slide-the-drawer_02{
	transform: translateY(30vw);

}