body {
  background-image:url('https://64.media.tumblr.com/0d6ea29567c2b07829702da9fccddfb0/tumblr_mt7az3CLm51sb9olno1_250.jpg');
  background-repeat:repeat; 
  background-attachment: fixed;
  background-color: black;
  cursor: url("https://64.media.tumblr.com/33009922338e0bc13c14efb6461bafde/8c17988e53d97e38-62/s75x75_c1/712b0a24279d5d8188c08d262a300a24c7acd4dd.gifv"), auto;
  color: black;
  margin: 0;

  display: flex;
  flex-direction: column;   /* ADD THIS */
  align-items: center;      /* center everything horizontally */
  
  font-family: 'DotGothic16', monospace;

  min-height: 100vh;
  padding: 30px 0;

  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: grayscale;
}




html, body, a, a:hover, button {
  cursor: url('https://64.media.tumblr.com/33009922338e0bc13c14efb6461bafde/8c17988e53d97e38-62/s75x75_c1/712b0a24279d5d8188c08d262a300a24c7acd4dd.gifv'), auto
  !important;
}



/* ========== PASTEL WINDOWS 95 SCROLLBAR ========== */

/* Overall scrollbar size */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

/* Scrollbar track (the background behind the thumb) */
::-webkit-scrollbar-track {
  /* Pastel rainbow background */
  background: linear-gradient(
    to bottom,
    #ffd6f3 0%,
    #ffe4c9 20%,
    #fff7b8 40%,
    #d8ffd6 60%,
    #d6f0ff 80%,
    #e6d6ff 100%
  );

  /* Tiny dither pattern placed ON TOP of the gradient */
  background-image:
    linear-gradient(45deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 75%, rgba(255,255,255,0.25) 75%),
    linear-gradient(45deg, rgba(0,0,0,0.08) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.08) 75%),
    linear-gradient(
      to bottom,
      #ffd6f3 0%,
      #ffe4c9 20%,
      #fff7b8 40%,
      #d8ffd6 60%,
      #d6f0ff 80%,
      #e6d6ff 100%
    );

  /* Controls how tiny and frequent the dots are */
  background-size: 2px 2px, 2px 2px, 100% 100%;
  background-position: 0 0, 1px 1px, 0 0;

  /* Sunken Windows 95 border */
  border: 1px solid;
  border-color: #d8a9c9 #fff7fc #fff7fc #d8a9c9;
}

/* Scrollbar thumb (draggable part) */
::-webkit-scrollbar-thumb {
  background: #ffd6f3;

  /* Raised 3D border */
  border: 1px solid;
  border-color: #fff7fc #c98fb6 #c98fb6 #fff7fc;

  /* Inner highlight */
  box-shadow: inset 1px 1px 0 #fff2fa;
}

/* Slightly darker when hovered */
::-webkit-scrollbar-thumb:hover {
  background: #ffc7eb;
}

/* Scrollbar buttons */
::-webkit-scrollbar-button {
  display: block;
  width: 16px;
  height: 16px;
  background: #ffd6f3;

  /* Raised button effect */
  border: 1px solid;
  border-color: #fff7fc #c98fb6 #c98fb6 #fff7fc;

  background-repeat: no-repeat;
  background-position: center;
}

/* Top arrow */
::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4'%3E%3Cpolygon points='3,0 6,4 0,4' fill='%236b4a5d'/%3E%3C/svg%3E");
}

/* Bottom arrow */
::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4'%3E%3Cpolygon points='0,0 6,0 3,4' fill='%236b4a5d'/%3E%3C/svg%3E");
}

/* Hide the extra duplicate buttons */
::-webkit-scrollbar-button:vertical:start:increment,
::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

/* Text Highlight color */
::selection { 
color: #fff; text-shadow: -1px 0 #d0afd4, 0 1px #d0afd4, 1px 0 #d0afd4, 0 -1px #d0afd4; 
}


/* ========== MAIN PAGE BOX ========== */

.hover-grow {
  transition: transform 0.3s ease;
  display: inline-block;
}

.hover-grow:hover {
  transform: scale(1.2);
}

.banner {
  display: block;
  margin: 0 auto;
}