.dropbtn {
      background: linear-gradient(to right, #030200 , #352609 , #030200);
      border: 1;
      border-color: #FFD000; /*orange*/
      border-radius: 40px;
      color: #FFD000;
      cursor: pointer;
      display: inline-block;
      font-family: Arial;
      font-size: 22px;
      margin: 4px 2px;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      width: 190px;
}

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

.dropdown-content {
  border-radius: 5px;
  display: none;
  position: absolute;
  background-color: #352609;
  font-size: 22px;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #FFD000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
   background-color: #FFD000; /*orange*/
   color: #352609; /*brownish*/
}

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

.dropdown:hover .dropbtn {background-color: #3e8e41;}

.top-bar-section .has-dropdown > a::after {
  top: 48%;
  border-color: var(--nav-button-txt-color) transparent transparent;
}

.top-bar-section{
  position: relative;
}


.top-bar-section > ul{
  list-style-type: none; /* Remove bullets */
  padding: 2% 0 0 0; /* Remove padding */
  margin: 0 auto; /* Remove margins */
  display: grid;
  grid-template-rows: 1fr;
  /*grid-auto-columns: fit-content(950px);*/
  grid-auto-flow: column;
  width:900px;
}

div.top-bar-section{
  background-color:transparent;
  padding: 1%; /* Remove padding */
  margin: 0 auto; /* Remove margins */
}