/* Global Styles: Sets the theme for every single element */
* {
    color: white;
    background-color: black;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Layout & Centering */
body {
    display: flex;
    flex-direction: column; /* Stacks your content vertically */
    justify-content: flex-start; /* Start from top, but stays centered horizontally */
    align-items: center;
    min-height: 100vh;
    padding: 2rem 0; /* Adds some breathing room at the top and bottom */
}

/* Banner image */
.banner {
    width: 90%;
    height: auto;
    display: block;
    margin-bottom: 1.5rem;
}

/* Horizontal Rule */
hr {
    border: none;
    border-top: 2px solid white;
    width: 80%;
    margin: 2rem auto;
}

/* Image wrapper for main content images */
.image.main {
    display: block;
    width: 80%;
    margin: 1.5rem auto;
}

.image.main img {
    width: 90%;
    height: auto;
    display: block;
}

/* Content spacing */
.content {
    max-width: 800px; /* Prevents text from stretching too wide on big screens */
    width: 90%;
}

.content p {
    margin: 1.5rem 0;
    line-height: 1.6; /* Makes the white text easier to read on black */
}

.content h1,
.content h2 {
    margin-top: 2rem;
}

/* Testimonials spacing */
.testimonials {
    margin: 3rem 0;
    width: 80%;
}