/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: green;
  color: black;
  font-family: Verdana;
  .screen-center {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;

.image-group {
  display: flex;
  flex-wrap: wrap;   /* Drops images to a new line if they run out of room */
  gap: 10px;         /* Adds a clean 10px gap between every image */
  margin-top: 0px;   /* Positions the entire group at the very top */
}

/* Optional: Controls the size of all 11 images so they fit nicely */
.image-group img {
  width: 100px;      /* Change this size depending on your layout */
  height: auto;      /* Keeps the images from stretching vertically */

}