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

body{
	background-color: cadetblue;
}

hamburger-button{
	position: fixed;
	font-size: 3vw;
	border:.5vw solid black;
	margin: 2vw 0 0 2vw;
	padding: 0 .5vw 0 .5vw;
	box-shadow: 0.2vw 0.2vw 0.2vw black;
	border-radius: 15%;

}

hamburger-button:hover{
	background-color: red;
	color:white;
	border-color: white;
	box-shadow: 0.2vw 0.2vw 0.2vw red;
}



nav{
	font-size: 2vw;
	position: fixed;
	top: 10vw;
	left: -20vw;
	background-color: white;
	padding: 5vw;
	transition: transform 1s;


}

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

emoji-button{
	position:;
	font-size: 3vw;
	border:.5vw solid lightblue;
	margin: 15vw 0 0 15vw;
	padding: 0 .5vw 0 .5vw;
	box-shadow: 0.2vw 0.2vw 0.2vw black;
	border-radius: 15%;

}

emoji-button:hover{
	background-color: pink;
	color:white;
	border-color: orange;
	box-shadow: 0.2vw 0.2vw 0.2vw gray;
}


emoji-nav{
	font-size: 3vw;
	position: fixed;
	top: -70vw;
	left: 20vw;
	background-color: white;
	padding: 6vw;
	transition: transform 2s;


}

.slide-the-emoji{
	transform: translateY(80vw);
}