* {
	margin: 0;
	padding: 0;
}

body {
	background-color: black;
}

#hamburger-button  {
	font-size: 12vw;
	border: 0.5vw solid black;
	position: fixed;
	color: #999;
	margin: 2vw 0 0 2vw; 
	padding: 0 1vw 1vw 1vw; 
	line-height: 1.1em;
	border-radius: 10%;
}

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

	nav#slide-the-drawer {
	font-family: arial, san-serif;
    top: 18vw;
    left: -43vw;
    background-color: #f1f1f1;
 	font-size: 5vw;
    position: fixed; 
    overflow: auto; 
    text-align: center;
    border-bottom: 1px solid #555;
    padding: 3%;
    transition: transform 1s;
}

li {

    list-style-type: none;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}

#hamburger-button-two {
	margin: 3vw 0 0 50vw;
	padding: 0 1vw 1vw 1vw; 
	line-height: 1.1em;
	border-radius: 10%;
	font-size: 12vw;
	border: 0.5vw solid black;
	position: fixed;
	color: #999;
}

#slide-the-drawer-two {
	background-color: #f1f1f1;
	 position: fixed;
	 text-align: center;
	 padding: 3%;
	 top: -43vw;
	 left: 65vw;
	 transition: transform 1s;	 
}

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

.slide-the-drawer-two {
	transform: translateY(43vw);
}