/* The container <div> - needed to position the dropdown content */
@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;400;700&family=Poppins:wght@400;600;700&display=swap");
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  -webkit-transform: translateY(calc(100% - 16px));
  transform: translateY(calc(100% - 16px));
  z-index: 100;
}

.dropdown-content-settings {
  display: none;
  position: absolute;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  z-index: 100;
}

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

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