body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0%;
    padding: 0%;
    background-color: rgb(216, 228, 233);
    height: 100%;
}
.container {
    font-family: Arial, Helvetica, sans-serif;
    font-size: larger;
    text-align: center;
}

.image-container img {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    height: 450px;
    border-radius: 8px;
    text-align: center;
}
.image-container h2 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
    font-size: medium;

}
.image-container p {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
}
.image-container h1 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;

}
.image-container {
    border: 1px solid #ccc;
    border-radius: 8px; 
    padding: 50px; 
    background-color: #fff; 
    margin: 55px;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.explore-button-container {
    text-align: center;
}
.explore-button {
    margin-left: 2%;
    display: inline-block;
    text-decoration: none;
    color: white;
    background-color:  rgb(68, 117, 138);
    padding: 12px 30px;
    border-radius: 50px;
    font-family: "Dongle-light";
    font-size: 1.6rem;
    transition: all ease 0.3s;
}
.explore-button:hover {
    background-color:  rgb(25, 50, 60);
}
.image2-container img {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    height: 450px;
    border-radius: 8px;
}
.image2-container h2 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
    font-size: medium;

}
.image2-container p {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
}
.image2-container h1 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;

}
.image3-container img {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    height: 450px;
    border-radius: 8px;
}
.image3-container h2 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
    font-size: medium;

}
.image3-container p {
    margin-left: 2%;
    margin-right: 2%;
    text-align: left;
}
.image3-container h1 {
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;

}