body {
  font-family: "Consolas", cursive, sans-serif;
  background-image: url("rohan_studios_bg.jpg");
}
h1 {
  width: 50%; 
  margin: 100px auto;
  border: 10px solid orange;
  background-color: yellow;
  text-align: center;
}
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  width: 25%; 
  margin: 100px auto;
  text-align: center;
  line-height: 2;
}
p {
  padding: 50px;
  width: 25%; 
  margin: 100px auto;
  background-color: yellow;
  text-align: center;
  line-height: 2;
}
ul {
  list-style-type: none;
  margin: 100px;
  padding: 0;
  overflow: hidden;
  background-color: orange;
}

li {
  float: left;
}

.unstyled-item {
  all: unset; /* Reset all styles */
  display: list-item; /* Restore list behavior */
  color: black; /* Optional custom style */
  padding: 0;
  width: 25%; 
  margin: 100px auto;
  background-color: yellow;
  text-align: center;
  line-height: 1.5;
}
li a {
  display: block;
  color: black;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

li a:hover {
  background-color: lightyellow;
}

.dropdown {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.dropdown-content {
  
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: none;
  background-color: lightgreen;
  min-width: 160px;
}

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

.desc {
  
  padding: 10px;
  text-align: center;
}