@import url('https://fonts.googleapis.com/css?family=Girassol|Rancho&display=swap');

body {
  font-family: Verdana, 'Calibri Light', sans-serif;
  background-color: #2E1B0D;
}

iframe {
  border: none;
}

.externalWrapper {
  width: 960px;
  height: 640px;position: relative;
  margin: 0 auto;
}

.divHidden {
  visibility: hidden;
  display: none;
}
.divVisible {
  visibility: visible;
  display: block;
}

h1 {
  position: absolute;
  font-size: 50px;
  text-align: center;  
  top: 70px!important;
  letter-spacing: 3pt;
}

h1, .woodButton {
  color: #ffcb44!important;
  font-family: 'Girassol', 'Rancho', 'Monotype Corsiva', cursive;
}

.iframePage {
  width: 960px;
  height: 640px;
  background-image: url("assets/menuBackground.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.woodButton {
  width: 220px!important;
  padding: 5px 10px 10px;
  border: 5px solid transparent;
  background-image: url("assets/woodPanel.svg");
  border-image-source: url("assets/goldBorder.png");
  border-image-slice: 24 23 23 24;
  border-image-width: 24px;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-radius: 30px;
}

.woodButton:hover {
  background-image: url("assets/woodPanelHover.svg");
}

.woodButton:active {
  background-image: url("assets/woodPanelClick.svg");
}

.iconButton {
  cursor: pointer!important;
  border: none;
  color: #2E1B0D;
  height: 40px;
  width: 45px;
  padding-top: 13px;
  background-image: url("assets/goldButton.png");
  background-repeat: no-repeat;
  display: block;
  text-align: center;
  user-select: none;
}

.iconLabel {
  user-select: none;
  font-size: 12px;
  text-align: center;
}

.iconButton:hover {
  color: #DEBC66;
  background-image: url("assets/goldButtonHover.png");
  background-repeat: no-repeat;
}

.iconButton:active {
  background-image: url("assets/goldButtonClick.png");
  background-repeat: no-repeat;
}

.infoPanel {
  border: 5px solid transparent;
  background-color: #EFE7D4!important;
  border-image-source: url("assets/goldBorder.png");
  border-image-slice: 24 23 23 24;
  border-image-width: 24px;
  border-image-outset: 0px;
  border-image-repeat: round;
  border-radius: 30px;
}

.buttonLink {
  cursor: pointer!important;
}