.navtop {
  width: 80%;
  font-size: var(--nav-font-size, 17pt);
  background-color: #EEEEEE00;
  margin: 10pt auto;
}

.navtop ul {
  top: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}



.navItem {
  display: inline;
  /*background-color: #00000000;*/
  margin: 15px 10px;
  width: 100px;
}

.navItem:hover {
  color: var(--secondary-theme, #fc03d7);
}


.dropdown {
  position: relative;
  display: inline-block;
}
.dd-content {
  font-size: var(--primary-font-size, 17pt);
  /*position: fixed;*/
  display: none;
  width: 100%;
  overflow: auto;
  /*padding-top: 20pt;*/
  /*box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);*/
  z-index: 1;
}
.dropdown:hover .dd-content {
  display: inline-block;
}


.dd-button {
  border: none;
  cursor: pointer;
  text-align: left;
  color: var(--primary-theme, #fc03d7);
  /*background-color: var(--primary-bg, #fc03d7);*/
}

.dd-button:hover {
  color: var(--secondary-theme, #fc03d7);
  background-color: var(--primary-bg, #fc03d7);
}