* { margin: 0; padding: 0; box-sizing: border-box; }


     main {
      max-width: 1000px;
      width: 100%;
    }  

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #c7cecc;
      color: #333;
     }

    header {
      background: #333;
      color: white;
      padding: 20px;
      text-align: center;
    }

    p {
      padding: 20px;
      text-align: center;
    }

    nav {
      background: #555;
      padding: 10px;
    }

    nav a {
      color: white;
      margin: 0 10px;
      text-decoration: none;
    }

    nav a:hover {
      text-decoration: underline;
    }

    main {
      padding: 20px;
    }

    h1, h2 {
      color: #222;
      padding: 20px
    }

    footer {
      background: #333;
      color: white;
      text-align: center;
      padding: 10px;
      margin-top: 20px;
    }

    h1 {
      text-align: center;
      margin-bottom: 20px;
    }

     dl {
      display: grid;
      grid-template-columns: auto auto; 
      gap: 15px 40px; 
      justify-content: center; 
    }

    dt {
      font-weight: bold;
      margin-bottom: 5px;
    }

    dt code {
      background-color: #f4f4f4;
      padding: 2px 6px;
      border-radius: 4px;
      font-family: Consolas, "Courier New", monospace;
      color: #c7254e;
    }

    dd {
      margin: 0 0 15px 0;
      padding-left: 10px;
      border-left: 3px solid #ccc;
      color: #444;
    }

img {
      display: block;
      margin: auto; 
      size: 400px;
      border: 2px solid black;
      border-radius: 10px;
      img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
    }