body {
	background-color:lime ;
	cursor:default ;
	font-family:tahoma ;
	text-align:center ;
	transition:0.5s ;
}

nav {
	background-color:green ;
	height:50px ;
	border-radius:25px ;
	border: 1px solid black ;
	display:flex ;
	align-items:center ;
	justify-content:space-evenly ;
}

h1 {
	color:lime ;
	background-color:green ;
	border-radius:25px ;
	letter-spacing:10px ;
	font-style:italic ;
	-webkit-text-stroke: 1px black;
}

#container {
	width:50% ;
	margin:auto ;
}

nav a {
	color:lime ;
	height:100% ;
	padding: 0 10px ;
	display:flex ;
	align-items:center ;
	border-left: 1px solid black ;
	border-right: 1px solid black ;
	text-decoration:none ;
	transition:0.5s ease ;
}

nav a:hover {
	background-color:rgba(255, 255, 255, .2) ;
	color:yellowgreen ;
}

h6 a {
	color:lightcyan ;
	text-decoration:none ;
}

h6 a:hover {
	text-decoration: underline 1px solid lightcyan ;
}

#settingsPopup {
	background-color:rgba(0, 0, 0, .5) ;
	width:50% ;
	padding:10px ;
	margin:auto ;
	box-shadow: 5px 5px rgba(0, 0, 0, .7) ;
	transition:0.5s ;
	display:none ;
}

#settingsPopup:hover {
	background-color:rgba(0, 0, 0, .5) ;
	width:50% ;
	padding:10px ;
	margin:auto ;
	box-shadow: 10px 10px rgba(0, 0, 0, .7) ;
	transition:0.5s ;
}

#accPopup {
	background-color:rgba(0, 0, 0, .5) ;
	width:50% ;
	padding:10px ;
	margin:auto ;
	box-shadow: 5px 5px rgba(0, 0, 0, .7) ;
	transition:0.5s ;
	display:none ;
}

#accPopup:hover {
	background-color:rgba(0, 0, 0, .5) ;
	width:50% ;
	padding:10px ;
	margin:auto ;
	box-shadow: 10px 10px rgba(0, 0, 0, .7) ;
	transition:0.5s ;
}

h2 {
	color:white ;
	-webkit-text-stroke: 1px black;
}

#settingsPopup a {
	color:white ;
	text-decoration:none ;
}

#accPopup a:hover {
	text-decoration: underline 1px solid white ;
}

#accPopup a {
	color:white ;
	text-decoration:none ;
}

#settingsPopup a:hover {
	text-decoration: underline 1px solid white ;
}

#openIon {
	display:none ;
}

@media (max-width:500px ) {
	nav {
		display:none ;
	}
	
	#openIon {
		display:block ;
		cursor:pointer ;
	}
}

.dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;
}

#myInput {
  box-sizing: border-box;
  background-image: url('searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 45px;
  border: none;
  border-bottom: 1px solid #ddd;
}

#myInput:focus {outline: 3px solid #ddd;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width: 230px;
  overflow: auto;
  border: 1px solid #ddd;
  z-index: 1;
}

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

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

.show {display: block;}