html {
  min-height: 100%;
  min-width: 100%;
}

*, #main-menu, html, body {
  cursor: url('../assets/NatureNormal.png') 0 0, auto;
}

body {
  margin: 0;
  background-image: url('background.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; 
  background-attachment: fixed;
  background-color: #bfdf94;
  color: #06402B;
  font-family: Verdana;
}

*::selection {
  background: #06402B;
  color: #bfdf94;
}
*::-moz-selection {
  background: #06402B;
  color: #bfdf94;
}
*::-webkit-selection {
  background: #06402B;
  color: #bfdf94;
}

a, button, [role="button"], a img, #main-menu li {
  cursor: url('../assets/NatureLinkSelect.png') 16 2, pointer;
}

input[type="text"], textarea, .text-area, p, span, li, h1, h2, h3, h4, h5, h6, strong, em{
  cursor: url('../assets/NatureText.png') 16 2, text;
}

.disabled, button:disabled, input:disabled {
  cursor:url('../assets/NatureUnavailable.png') 16 2, not-allowed;
}

.fun-container {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: center;
  gap: 4px;
  align-content: space-around;
}

.fun-container img:hover, #id-buttons img:hover {
  transform: scale(1.20);
  transition: transform 0.1s;
}

.divider {
  display: block; 
  margin: 30px auto;
}

#main-menu {
  font-size:12px; 
  position: sticky; 
  top: 0; 
  z-index: 999;
}
#buttons-box img {
  max-width: 88px;
}

#blinkies-box img {
  max-width: 150px;
}

#stamps-box img {
  max-width: 99px;
}