body {
    background-color: black;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    

}
header {
    width: 80%;
    margin: auto;
    padding: 10px;

}

main {
    width: 80%;
    margin: auto;
    padding: 10px;
    
}
main img{
    max-width: 100%;
    height: auto;
}

/*
body {
    font-family: 'Courier New', Courier, monospace;
    color: green;
}

body p u {
    border: 3px solid red;
}
*/
.specialColor {
    background-color: blueviolet;
    color: blue;
    font-family: monospace;
}

.imageGrid {
   
    display: grid; /* Uses CSS Grid to layout the images */
    grid-template-columns: repeat(3, 1fr); /* Creates three equal columns */
    gap: 5px; /* Adds a 10px gap between the grid items */
    width: max-content; /* Ensures the image takes up the full width of its grid cell */
    height: auto; /* Maintains the aspect ratio of the image */

    

    img {
        width: auto;
        height: 30vh;
    }

    

}
/*
.galleryWrapper {
    grid-template-columns: 3, 1fr 1fr 1fr;
    display: grid;
}
    */