* {

	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}

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

button {

	position: fixed;
	top: 20px;
	font-size: 3em;
	line-height: 0;
	padding: 25px 10px 32px 10px;
	border: 4px solid #000;
	border-radius: 10%;
}

		button:hover {

			color: #fff;
			background-color: #000;
		}

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

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

	a {
		background-color: yellow;
	}


.red {

	background-color: red;
}


.orange {

	background-color: orange;
}


.yellow {

	background-color: yellow;
}


.green {

	background-color: green;
}



.cyan {

	background-color: cyan;
}


.blue {

	background-color: red;
}


.purple {

	background-color: purple;
}


.magenta {

	background-color: magenta;
}