*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: black;
}

nav{
	position: fixed;
	font-size: 12vh;
	padding: 0px 20px 0px 100px;
	box-shadow: 2px 2px 20px 0px white;
	background-color: blue;
	top: 100px;
	transform: translateX(100px);
	transition: transform 5s;
	border-radius: 5%;
	
	
}

a:hover{
	background-color:yellow;
}
nav ul{
	list-style-type: none;
}


nav ul li{
	text-decoration: none;
	color: black;
}


nav ul li a:hover{
	color: white;

}

nav ul li a{
	text-decoration: none;
}

.after-click{
	transform: translateX(100px);
	left:20px;
}

button{
	position: fixed;
	top: 20px;
	left: 20px;
	line-height: 0;
	padding: 28px 10px 32px 10px;
	border:4px solid black;
	border-radius: 20%;
	z-index:100;
	cursor: pointer;
	background-color: transparent;
	font-size: 3em;
}

#hamburger-icon:hover{
	color: white;
	background-color: pink;
	border-color: cyan;
}

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

/*-----CSS  COlor Classes----*/ 


.red{
	background-color: red;
}
.orange{
	background-color: orange;
}
.yellow{
	background-color: yellow;
}
.green{
	background-color: green;
}
.cyan{
	background-color: cyan;
}
.blue{
	background-color: blue;
}
.mageta{
	background-color:purple;
}