body {
    background-color: #1f2021;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #dce1ed;
}
a:link {
	color: #3399ff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3399ff;
}
a:hover {
	text-decoration: underline;
	color: #0099ff;
}
a:active {
	text-decoration: none;
	color: #3399ff;
}
p {
text-decoration: none;
color: #dce1ed;
font-size: 20px;
}
#sinput {
    font-size: 20px;
}
#navbar {
    background-color: #1c2430;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-options {
  display: none;
  position: static;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-options a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-options a:hover {background-color: #ddd;}
.dropdown:hover .dropdown-options {display: block;}
.show {display:block;}
#pagefooter {
    background-color: #2a3440;
}

#myInput {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

#sinput {
  /* Remove default list styling */
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#searchdata li a {
  border: 1px solid #ddd; /* Add a border to all links */
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6; /* Grey background color */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove default text underline */
  font-size: 18px; /* Increase the font-size */
  color: black; /* Add a black text color */
  display: block; /* Make it into a block element to fill the whole list */
}

#searchdata li a:hover:not(.header) {
  background-color: #eee; /* Add a hover effect to all links, except for headers */
}