<link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Mono" rel="stylesheet">

html,body {
	width: 100%;
	height: 100%;
}

.background {
  background-color: black;
  height: 1000px;
	width: 100%;
	z-index: 1;
	position: absolute;
}


	.dropbtn {
	    background-color: black;
			position: relative;
			z-index: 10;
	    color: white;
	    padding: 18px;
	    font-size: 18px;
			letter-spacing: 1px;
	    border: none;
	    cursor: pointer;
			width: 260px;
			height: 80px;
			left: 50%;
			top: 250px;
			transform: translate(-130px, -40px);
			font-weight: 600;
			font-family: 'Open Sans', sans-serif;
	}

	.dropdown-content {
	    display: none;
			text-align: center;
	    position: absolute;
	    background-color: white;
	    z-index: 10;
			width: 260px;
			height: 270px;
			left: 50%;
			top: 320px;
			transform: translate(-130px, -40px);
	}

	.dropdown-content a {
	    color: black;
	    padding: 15px 16px;
	    display: block;
			text-decoration: none;
			letter-spacing: 1.5px;
			font-size: 14px;
			font-family: 'Roboto Mono', sans-serif;
	}

	.dropdown-content a:hover {
		background-color: #eaeaea;
	}

	.dropdown:hover .dropdown-content {
	    display: block;
	}

	.dropdown:hover .dropbtn {
	    background-color: #cebaa1;
	}