body {
  font-size: 0px;
  background-color: #f7f7f7;
}	


div.navbar a {
  text-decoration: none;
  font-size: 20px;
  display:block
}

#dartForm input {
  margin: 5px;
}


nav {
  font-size: 25px;

}

div.nav {
  z-index: 5;
}

div.navbar ul {
  background: darkorange;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

div.navbar li {
  color: #fff;
  background: #2e2b2b;
  display: block;
  float: left;
  padding: 2px 9px 6px 9px; /* top right bottom left */
  position: relative;
  text-decoration: none;
}

li a {
  color: #ffffff; 
  white-space: nowrap;
}

  
div.navbar li:hover,
div.navbar li:focus-within {
  background: #50504e;
  cursor: pointer;
}

li:focus-within a {
  outline: none;
}

ul li ul {
  background: #2e2b2b;
  visibility: hidden;
  opacity: 0;
  width: 250px;
  position: absolute;
  top:100%;
  display: block;
}

ul li ul a {
  font-size: 15px;
}

div.navbar ul li:hover > ul,
div.navbar ul li:focus-within > ul,
div.navbar ul li ul:hover,
div.navbar ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

div.navbar ul li ul li {
  position: relative;
  width: 100%;
}

div.navbar ul li ul li ul li {
  position: relative;
  width: 250px;
}

div.navbar ul ul ul {
  top: 0%;
}


div.navbar ul ul ul ul {
  left: 100%;
  top: -33%;
}