body {
  font-family: Arial, sans-serif;
  background-color: rgb(187, 210, 230);
}

h1 {
  text-align: center;
  color: rgb(41, 128, 185);
  font-size: 22px;
  margin-top: 30px;
}

/* Styles for the horizontal line */
hr {
  width: 75%;
  margin-bottom: auto; /* Ensure space below the line adjusts automatically */
  border-top: 2px solid rgb(41, 128, 185);
}


h3 {
  color: rgb(44, 62, 80);
  font-size: 16px;
  margin-bottom: 10px;
}


p {
  font-size: 13px;
  margin-right: 45%;
  border-radius: 10px;
  border: 2px solid rgba(0, 255, 255, 0.3);
  background-color: rgba(127, 255, 212, 0.5);
}

/* Basic button styles */
.button {
  background-color: rgb(171, 171, 171);
  width: 12%;
  border-radius: 10px;
  border: 2px solid rgb(187, 210, 230);
}

/* Styles for link-based buttons */
.link_button {
  background-color: rgb(145, 129, 129);
  text-align: center;
  margin-left: 40%;
  font-size: 25px;
  border-radius: 10px;
  border: 2px solid rgb(187, 210, 230);
  text-decoration: none; /* Remove underline from the link */
  padding: 10px 18px; /* Padding inside the button */
  display: inline-block; /* Ensures button acts like a block but can sit inline */
}

/* Container for images on the right side */
.right-images {
  position: absolute; /* Position absolutely relative to the parent container */
  top: 128px;
  left: 70%;
  display: flex;
  flex-direction: column; /* Stack images vertically */
  align-items: flex-end;
}

/* Button for navigating home, positioned at the top left */
.home_button {
  position: absolute;
  top: 15px;
  left: 35px;
}

/* Main container for right-side images */
.right-images_main {
  position: absolute;
  top: 100px;
  left: 75%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}


.right-images_main img {
  margin-bottom: 35px;
  width: 200px;
}