html {
   cursor: url("images/bunn.png"), auto;
}

body {
  background-image:url("backgrounds/grass.png");
  background-repeat: no-repeat; 
  background-size: cover;
  background-attachment: fixed;
  background-color: black;
  font-family:"Courier New";
  display:flex;
  flex-direction:column;
}

.top-text {
  position: absolute;
  top: 15px;
  left: 20px;
  color:white;
  font-size: 20px;
  font-family:"Luminari";
  font-weight:bold;
}

a:hover {
  cursor: url('images/bunn-hover.png'), auto;
}

.directions {
  font-size:15px;
  color:white;
}

.field {
  display:flex;
  width:100%;
  height:auto;
  background:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.row1, .row2 {
  display:flex;
  flex-direction:row;
  gap:40px;
}

button {
  background-image:url("hr-images/holes.png");
  width:154px;
  height:150px;
  background-color:transparent;
  border:none;
  display: block;
  transition: 0.3s;
  font-family:"Monaco";
}

button:hover, a:hover {
  cursor: url('images/bunn-hover.png'), auto;
}

.tabcontent {
  display: none;
  width: 800px;
  height: auto;
  margin:auto;
  background-color:#e6fdd9;
  box-sizing: border-box;
    border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAA7klEQVR4AdzT2wlCMRCEYS9VWIH9l2MFViH69L0shHjAJE4OhGGzBybzZ3M5hXz7HfT5erxXLBe+D1EUb9f7eeZCku5DVCJkRyu/qvlEkZs1l5VgrfOJSoTsKOXT01yiyI2ezR7B2s8jiqQktba/SnOIImcmEVPr21+lOURXETrquw9Rs3qUwK//zyGK2L+87tZN5BCVAFl10eVlHtHlyDoHyCNaX32tO4GHt3OIIldfvVp/OLKOQQ7RTpDp7dYN7kPUrM5Cy4/yzSHq5K3ZkGiUfuubQxQpZNWSjlI+fKn9qnlEJZBslvLtaQzRDwAAAP//8l210gAAAAZJREFUAwBBlhhzJ0MoqwAAAABJRU5ErkJggg==") 14 /  14px / 0 round;
    border-width:  14px;
    border-style:  solid;
    background-clip:padding-box;
}

.tabcontent h3 {
  position:sticky;
  text-align:center;
  color:#e6fdd9;
  top:0;
  margin-top:0;
  height:35px;
  background-color:#18320a;
  padding-top:10px;
  font-family:"Magica";
}

.content {
  padding-left:10px;
  padding-right:10px;
  text-indent:10px;
  color:#18320a;
  font-size:13px;
}

.tabcontent h4 {
  font-weight:bold;
  font-size:15px;
  font-family:"Magica";
  margin:0;
}

.tabcontent .source, a {
  font-size:12px;
  color:#18320a;
  font-style:italic;
  cursor: url('images/bunn-hover.png'), auto;
  text-decoration:none;
}

.image-row img {
  width:auto;
  height:120px;
  padding-bottom:10px;
}

iframe {
  cursor: url('images/bunn-hover.png'), auto;
}