body {
	margin: 0;
	background-color: #9acd32;
}

h3	{
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.header {
	position: fixed;
	right: 0;
	text-align: right;
	color: white;
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 6vw;
	transition: 0.2s;
	padding: 10px;
}

#wrapper {
	margin-top: 45px;
}

ul {
	margin: 0;
	padding: 0;

	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	list-style-type: none;
	font-size: 7vw;
}

.footer {
	position: fixed;
	bottom: 0;
	right: 0;
	text-align: right;
	color: white;
	font-family:'Helvetica', 'Arial', 'Sans-Serif';
	font-size: 3vw;
	padding: 10px;
}

a {
  color: inherit;
  text-decoration: inherit;
}

.loop {position:absolute}

/* Dropdown Button */
.dropbtn {
  background-color: Transparent;
	background-repeat:no-repeat;
  color: inherit;
  padding: inherit;
  font-size: inherit;
  border: none;
  cursor: pointer;
	outline:none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
 position: relative;
 display: inline-block;
}

/* Dropdown content (Hidden by Default) */
.dropdown-content {
 display: none;
 position: absolute;
 right: 115%;
 bottom: 0;
 color: inherit;
 text-decoration: inherit;
 font-size: inherit;
 z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: inherit;
	text-decoration: inherit;
 	display: block;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}