body {
background-image: linear-gradient(315deg, #756213 0%, #000000 74%);
}

h1 {
  color: yellow;
  font-family: Georgia;
  text-align: center;
}
h2 {
  color: yellow;
  font-family: Georgia;
  text-align: right;
  font-size: 32px;
}
h3 {
   color: yellow;
  font-family: Georgia;
  text-align: center;
  font-size: 24px;
}
p {
  color:yellow;
  font-family: Georgia;
  text-align: center;
  margin:20px;
}
a { color: white;
  text-decoration: none;
  font-size: 3vw;
}
/* mouse over link */
a:hover {
  color: blue;
}

img {
  border: 5px solid #555;                
}
.terms {
    color: white;
}

/* Add a black background color to the top navigation */
.nav {
  background-color: #333;
  text-align: center;
  overflow: hidden;
}
/* Style the links inside the navigation bar */
.nav a {
  color: #f2f2f2;
  text-align: center;
  padding: 25px 25px;
  text-decoration: none;
  font-size: 24px;
}

/* Change the color of links on hover */
.nav a:hover {
  background-color: #ddd;
  color: black;
}
/* Hide the link that should open and close the topnav on small screens */
.nav .icon {
  display: none;
}
.email { 
  text-align: center;
  background-color: #333;
  color: yellow;
  font-size: 24px;
}
.email a:hover {
  background-color: #ddd;
  color: black;
}
.email a {
  color: #f2f2f2;
}

.dropbtn {
  background-color: #333;
  color: white;
  padding: 16px;
  font-size: 16px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  overflow-x:hidden;
  overflow-y:auto;
  position: absolute;
  display: inline-block;
  height: 400px;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #333;}

/* Change size of alphabet font */
.dropdown-content {text-align: justify;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #333;
}

unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

dd {
    max-width: auto; /* Adjust as needed */
    word-wrap: break-word;
  }

#alphabet{
color: red;
}

li {
    display: inline-block;    
}