body {
  background: url('https://www.ropinranch.com/Images/RR_Art/WebsitePages/Breeding/FenceOpacity.png') top left no-repeat;
  background-size: 100vw 100vh;
  background-attachment: fixed;
}
.rrlogo {
  width: 90vw;
  max-width: 700px;
}
.boxes {
  background: #FEF9E7;
  border: #FFFFFF;
  border-radius: 20pt;
  min-height: 50px;
}
.footer {
  background: #333A19;
}
.footer-logo {
  width: 32px;
  height: 32px;
  margin: 0 5px;
  border-radius: 50%;
}
a.white {
  color: #FFF;
  text-decoration: none;
}
a.black {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.icons.click {
  height: 5vw;
  min-height: 50px;
  max-height: 100px;
  width: auto;
}
.border-red {
  border: solid red;
}
.icons.view {
  height: 1.25rem;
  width: auto;
}
.row {
  display: flex;
  align-items: center;
}
.event-banner {
  max-width: 90%;
  max-height: 100px;
}
.menubutton {
  font-size: 40px;
  cursor: pointer;
}
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 400px;
  height: 100vh;
  z-index: 100;
  background: #FEF9E7;
  color: #000;
  overflow-y: scroll;
}
.navigation > .menubutton {
  position: fixed;
  top: 20px;
  left: 20px;
}
.navigation .menu {
  margin-top: 100px;
}
.menuitem,
.submenuitem {
  list-style-type: none;
  height: 50px;
  border:solid thin red;
}
.menuitem:hover,
.submenuitem:hover {
  background: #F00;
}
.submenu {
  display: none;
  position: relative;
}
.menuitem:hover .submenu {
  display: block;
}




/* MiniGame - Coat Guess */
.question-image {
}