/* Reset default body styles, set background to black */
    body {
      margin: 0;
      padding: 0;
      background-color: #000; /* black */
    }

    /* Create a container that fills the viewport and uses flex to center content */
    .container {
      display: flex;
      justify-content: center;  /* horizontally center */
      align-items: center;      /* vertically center */
      height: 100vh;           /* fill the entire viewport height */
    }

    /* Constrain the image so it leaves about 10% margin on all sides */
    img {
      max-width: 80%;  /* ensures 10% left/right margin */
      max-height: 80%; /* ensures 10% top/bottom margin */
    }