.nav-bar {
    position: relative;
    display: flex;

    width: 100%;
    height: 8%;

    margin-top: 1%;

    justify-content: center;
    align-items: center;
}

.nav-bar-button {
    background: none;
    border: none;
    display: inline-block;
    text-shadow: 7px 7px 4px #000000;

    font-style: italic;
    font-family:'Times New Roman', Times, serif;
    font-weight:lighter;

    color: white;
    text-decoration: none;

    padding-right: 5%;
    font-size: 200%;

    user-select: none;
}

.nav-bar-button:hover {
    transition: color 0.5s ease;
    color:rgb(172, 172, 172);
}

.dropdown {
    position: relative;
    display: inline-block;

    padding-right: 5%;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  z-index: 1;
  margin-top: 5%;

}

.dropdown-content a {
    display: block;

    border: none;
    background: none;
    color: white;

    padding: 12px 16px;


    font-style: italic;
    font-family:'Times New Roman', Times, serif;
    text-decoration: none;

    text-shadow: 7px 7px 4px #000000;
}

.dropdown-content a:hover {
    color:rgb(172, 172, 172);
}