.dropbtn {
  color: grey;
  /*background-color: black;*/
  /*padding: 16px;*/
  /*font-size: 16px;*/
  border: none;
  cursor: pointer;
  background-color: black;
}

/*.dropbtn:hover, .dropbtn:focus {
  color: aliceblue;
}*/

.dropbtn:hover {
	color: aliceblue;
}

#settings:hover {
	color:aliceblue;
}

.dropdown {
  float: right;
  position: relative;
  display: inline-block;
  font-size: 16px;
}

.dropdown-content, .change-username-form, .close-account-form {
  display: none;
  position: absolute;
  /*background-color: #302e2c;*/
  margin-top: 5px;
  background-color: black;
  min-width: 175px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  right: 0;
  z-index: 10;
  border-radius: 5px;
}

.dropdown-content a {
  color: #c7c5c5;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
	background-color: #34c3eb;
	color: aliceblue;
	cursor: pointer;
}

.show {display: block;}

.change-username-form input[type="text"], .close-account-form input[type="text"] {
	width: 100%;
	padding: 8px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 2px solid #44D62C;
	color: aliceblue;
	background-color: black;
	border-radius: 4px;
}

.change-username-form input[type="text"]:focus, .close-account-form input[type="text"]:focus {
	outline: none;
}

.change-username-form input[type="submit"], .close-account-form input[type="submit"] {
	width: 100%;
	/*background-color: #34c3eb;*/
	background-color: #3471eb;
	color: aliceblue;
	padding: 10px;
	border: none;
	border-radius: 4px;
	height: 35px;
	cursor: pointer;
}


.change-username-form input[type="submit"]:hover, .close-account-form input[type="submit"]:hover {
	/*background-color: #289ad1;*/
	background-color: #0c4af5;
}

#unsuccessful-username-change, #unsuccessful-account-close {
	color: red;
	font-size: 12px;
	margin-bottom: 5px;
	margin-top: -5px;
}

@media screen and (max-width: 600px) {
	.dropdown-content, .change-username-form, .close-account-form {
		position: fixed;
	}
}