/* styles.css */
body {
    margin: 0;
    padding: 0;
    height: 100vh;
    font-family: Georgia, serif;
    background-color: #276c3e;
  }
  
.content {
    position: relative;
    z-index: 1; /* Ensure the content appears on top of the background image */
    padding: 20px;
    color: #fff; /* Set the text color to white for better visibility */
}

body::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-image: url('background-picture.jpg');
    background-size: cover; /* Scale the image to cover the entire background */
    background-position: center;
    z-index: -1; /* Position the background behind the content */
}

  .main-text-box {
    flex: 1;
    background-color: #276c3e;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-text-content {
    color: white;
  }

  .main-container {
    display: flex;
    height: 30vh;
    max-width: 600px;
    margin: 20px auto;
    gap: 20px;
}

.custom-button {
  width: 100px;
  height: 30px;
  background-color: #a0cfee;
  border: none;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  position: center;
}