body {
      font-family: Arial;
      background: whitesmoke;
      padding: 30px;
      text-align: center;
    }
    h1 { color: orangered; }
    h1 + p {
      background: whitesmoke;
      padding: 10px 20px;
      border-radius: 8px;
      color: orangered;
      display: inline-block;
    }
    ul { padding: 0; margin-top: 20px; }
    ul > li {
      list-style: none;
      font-size: 18px;
      font-weight: bold;
      color: #5d4037;
      padding: 10px 20px;
      margin: 6px auto;
      width: 260px;
      background: #fff3e0;
      border-radius: 8px;
    }
    ul li:nth-child(3) {
      background: #ffe082;
      color: #e65c00;
    }
    .desc {
      color: #555;
      margin-top: 20px;
      font-size: 15px;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
    }
    .desc::first-letter {
      font-size: 220%;
      color: orangered;
      font-weight: bold;
    }
    .links { margin-top: 25px; }
       a {
      color: #e65c00;
      text-decoration: none;
        }

    a:hover {
      background: #e65c00;
      color: white;
      font-size: larger;
    }