body {
            font-family: arial, helvetica, sans-serif;
            font-size: 0.85em;
            margin: 0;
            padding: 0;
            line-height: 1.6;
            /*background-color: #f9f9f9;*/
            background-image: url("cork-board.png");
            letter-spacing: 1.5px;
        }
        header {
            /*background-image: url("blue-snow.png");
            background: #99b3ff;*/
            color: #000;
            padding: 20px 10px;
            text-align: center;
        }
        header h1 {
            margin: 0;
            font-size: 2.5em;
        }
        header p {
            margin: 5px 0 0;
        }
        .container {
            max-width: 900px;
            margin: 20px auto;
            padding: 20px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .book-cover .book-cert {
            text-align: center;
        }

        .book-cover img {
            float: left;
            max-width: 48%;
            height: auto;
            border-radius: 8px;
        }

        .book-cert img {
            max-width: 98%;
            height: auto;
            border-radius: 8px;
        }

        .author-bio, .book-description {
            margin: 20px 0;
        }
        footer {
            text-align: center;
            background: #333;
            color: #fff;
            padding: 10px 0;
            margin-top: 20px;
        }
        .button {
            display: inline-block;
            padding: 10px 20px;
            margin: 10px 0;
            background: #007BFF;
            color: #fff;
            text-decoration: none;
            border-radius: 5px;
            transition: background 0.3s;
        }
        .button:hover {
            background: #0056b3;
        }

        #contactForm {
  display: flex;
  flex-direction: column;
  gap: 1rem; /* Adds space between form elements */
  max-width: 800px; /* Optional: Limits form width */
  margin: 0 auto; /* Centers the form horizontally */
}

/* Home Button Styling */
#homeButton {
  display: inline-block;
  margin: 1rem 1rem 1rem 1rem;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  color: #fff;
  background-color: #007BFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}

#homeButton:hover {
  background-color: #0056b3;
}

/* Form Styling */
#contactForm label {
  font-weight: bold;
}

#contactForm input,
#contactForm textarea {
  width: 100%;
  padding: 0.5rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/*

#contactForm button {
  width: 30%;
  position: relative;
  left: 10%;
  padding: 0.75rem;
  font-size: 1rem;
  color: #fff;
  background-color: #007BFF;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#contactForm button:hover {
  background-color: #0056b3;
}
*/

#formButtons {
  display: flex;
  justify-content:space-evenly;
}

#formButtons button {
  padding: 0.75rem;
  font-size: 1rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 20%;
}

#formButtons button[type="submit"] {
  color: #fff;
  background-color: #007BFF;
}

#formButtons button[type="submit"]:hover {
  background-color: #0056b3;
}

#formButtons button[type="button"] {
  color: #fff;
  background-color: #6c757d;
}

#formButtons button[type="button"]:hover {
  background-color: #5a6268;
}

#responseMessage {
  margin-top: 1rem;
  font-size: 1rem;
  text-align: center;
}