styles.css

/* styles.css */

/* Apply beige background color to the whole website */
body {
    background-color: beige;
}

/* Ensure images fit perfectly into their containers */
iframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Style for the containers */
.image-container {
    width: 90%; /* Increase width as needed */
    height: 90%; /* Increase height as needed */
    max-width: 600px; /* Set maximum width */
    max-height: 400px; /* Set maximum height */
    border: 6px solid black;
    margin: 20px auto; /* Center horizontally */
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Style for the project description */
.project-description {
    text-align: center;
    margin-bottom: 20px;
}