:root {
  --THEME_OLIVE_GREEN: #4E614E;
  --THEME_DARK_GREEN: #2E572E;
  --THEME_MEDIUM_GREEN: #527D52;
  --THEME_LIGHT_GREEN: #9AC19A;
  --BUTTON_BACKGROUND: #2E572E;
  --BUTTON_TOP_SHADOW: #49BE49;
  --BUTTON_BOTTOM_SHADOW: #203d20;
  --FOCUS_BUTTON_BACKGROUND: #008000;
  --FOCUS_BUTTON_TOP_SHADOW: #5DC85D;
  --FOCUS_BUTTON_BOTTOM_SHADOW: #066A06;
  --YELLOW_TEXT: #FF9;
}

#ar_container {
  min-width: 150px;
}

#ar_dropbtn {
  padding: 5px 30px;
  border: 1px solid darkgreen;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 6px 12px var(--BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  -moz-box-shadow: inset 1px 6px 12px var(--BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  box-shadow: inset 1px 6px 12px var(--BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  background-color: var(--BUTTON_BACKGROUND);
  color: var(--YELLOW_TEXT);
  text-shadow: 1px 1px 1px black;
  font-size: 18px;
  font-family: "Comic Sans MS";
  font-weight: bold;
  text-align: center;
}

#ar_dropbtn.focus {
  -webkit-box-shadow: inset 1px 6px 12px var(--FOCUS_BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--FOCUS_BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  -moz-box-shadow: inset 1px 6px 12px var(--FOCUS_BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--FOCUS_BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  box-shadow: inset 1px 6px 12px var(--FOCUS_BUTTON_TOP_SHADOW), inset -1px -10px 5px var(--FOCUS_BUTTON_BOTTOM_SHADOW), 1px 2px 1px black;
  background-color: var(--FOCUS_BUTTON_BACKGROUND);
}

#ar_contents {
  display: none;
}

#ar_contents.show {
  display: block;
}

#ar_contents a {
  /* border-radius: 10px; */
  /* padding: 12px 16px; */
  background-color: var(--THEME_OLIVE_GREEN);
  text-decoration: none;
  display: block;
  font-size: 18px;
  font-family: "Helvetica";
  padding: 6px 6px;
  color: var(--YELLOW_TEXT);
}

#ar_contents a:hover {
  background-color: var(--THEME_LIGHT_GREEN);
  margin-left: 3px;
  margin-right: 3px;
  color: white;
}