* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
         font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
 }

 main {
     padding: 20px;
 }

 .hero {
     background: white;
     margin: 2rem auto;
     padding: 4rem;
     width: 80%;
     border-radius: 5px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 4em;
 }

 .hero img {
     max-width: 30%;
     display: block;
     margin: 10px 0;
 }