body {
  background-color: black;
  margin: 0;
}

#main {
  width: 90vw;
  height: 90vh;
  margin: 0 auto;
  text-align: center;
  color: white;
}

p {
  font-family: Georgia, serif;
  padding: 0 100px;
  text-align: justify;
}

h1{
  font-family: Georgia, serif;
}

.menu {
  display: flex;
  justify-content: center;
}

.map {
  width: 1080px;
  position: absolute;
}

.immortal:hover .mortals {
  filter: sepia(50%);
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #5C164E;
}

::-webkit-scrollbar-thumb:hover {
  background: #763459;
}

.dropdown {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
  height: 100px;
}

.dropbtn {
  width: 50px;
  height: 50px;
  margin: 25px;
}

.dropbtn img {
  height: 50px;
}

.dropdown:hover .dropdownContent {
  display: block;
}

.dropdownContent {
  display: none;
}

.dropdownContent img {
  width: 50px;
  height: 50px;
  margin: 0 10px;
}