/* This Stylesheet was made by Aaron Guhin */

/* CSS RESET */

*{
	margin: 0;
	padding: 0:;	
}

body{
	background-color: green;

}

button{
	line-height: 1em;
	position: fixed;
	font-size: 8vw;
	border: 0.25vw solid black;
	background-color: orange;
	margin: 2vw 0 0 2vw;
	padding: 0 1vw 1.1vh 1vw;
	box-shadow: 0.5vw 0.5vw 0.5vw black;
	border-radius: 10%;

}



	button:hover {
		color:	white;
		border-color: white;
		background-color: black;
		cursor: pointer;

	}

nav{
		font-family: arial, sans-serif;
		font-size: 5vw;
		position: fixed;
		top: 15vw;
		left: -25vw;
		background-color: white;
		padding: 5vw;
		transition: transform .75s;
}

		ul{
			list-style-type: none;
				}

			ul#new-list li{
				display: inline-block;
				align-content: center;

			}

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

	#new-button{
	line-height: 1.2em;
	position: fixed;
	font-size: 8vw;
	border: 0.25vw solid black;
	background-color: red;
	margin: 2vw 0 0 15vw;
	padding: 1vh 1vw 0 1vw;
	box-shadow: 0.5vw 0.5vw 0.5vw black;
	border-radius: 10%;

}

			button#new-button:hover {
		color:	white;
		border-color: white;
		background-color: black;
		cursor: pointer;

	}



		div{
		font-family: arial, sans-serif;
		font-size: 5vw;
		position: fixed;
		top: -60vh;
		left: 30vw;
		background-color: white;
		padding: 5vw;
		transition: transform .75s;
		display: inline-block;

}

				.slide-the-drawer-from-bottom {
			transform: translateY(60vh);
		}