* {
	margin:0;
	padding: 0;
	text-decoration: none;
	color: #000;
	list-style-type: none;
}

section {
	width: 100vw;
	height: 100vh;
}

button {
	position: fixed;
	top: 20px;
	left: 20px;
	font-size: 3em;
	line-height: 0;
	padding: 28px 10px 32px 10px;
	border: 4px solid #000;
	border-radius:  10%;
	background-color: #fff;
}

button:hover {
	background-color: #000;
	color:white;
}

nav {
	top:100px;
	left: -180px;
	position: fixed;
	font-size: 3em;
	transition: left .5s;
	background-color : rgba(255,255,255,.7);

}

.slide-the-drawer {
	left: 20px;
}

 a:hover {
 	background-color: yellow;
 }

/*CSS COLOR CLASS */

.red {
	background-color: red;
}

.orange {
	background-color: orange;
}


.yellow {
	background-color: yellow;
}


.green {
	background-color: green;
}


.cyan {
	background-color: cyan;
}


.blue {
	background-color: blue;
}

.magenta {
	background-color: magenta;
}


.purple {
	background-color: purple;
}