/* CSS Reset Rule */
* {
    margin: 0; padding: 0; box-sizing: border-box;
}


  body {
            background-color: rgb(255, 255, 255)
            
        }
       h1 {
    
        font-size: 100px; 
        margin: 50px 60px 0px;
        color: rgb(58, 0, 58)
    }

    p {
        font-size: 42px;
        margin: 50px 60px -0;
        display:flex;
        
    }

    img {
        margin: 90px 70px -10px;
    }

    

 .grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr); /* 2 columns */
      grid-gap: 10px; /* spacing between images */
      max-width: 600em;
      margin: 0 auto;
      justify-content: center;
    }
    .grid img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 8px; /* optional rounded corners */
    }