/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

/* Normal cursor */
* {
    cursor: url("hand.png") 0 0, auto;
}

/* Every link on the website */
a:link,
a:visited,
a:hover,
a:active {
    cursor: url("hand-link.png") 0 0, pointer !important;
}

/* Buttons */
button:hover,
button:active {
    cursor: url("hand-click.png") 0 0, pointer !important;
}

/* 2. Base Page Structure Styles */
body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

/* 3. Guestbook Component Feature Box Container */
.guestbook-form {
  background-color: black;
  color: white;
  font-family: "Courier New", monospace;
  padding: 15px;
  border: 2px solid #555;
  max-width: 500px;
}

/* 4. Guestbook Input Fields */
.guestbook-form input, 
.guestbook-form textarea, 
.guestbook-form select {
  width: 100%;
  background-color: white;
  color: black;
  border: 1px solid #999;
  margin-bottom: 12px;
  font-family: Arial, sans-serif;
  padding: 3px;
  box-sizing: border-box;
}

/* 5. Guestbook Action Button Override */
.guestbook-form button {
  background-color: #e0e0e0;
  color: black;
  border: 1px solid #777;
  padding: 2px 8px;
  cursor: pointer !important; 
}