body {
    background-color: #edeef0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }
  .contenedor {
    display: flex; /* or inline-flex */
    flex-wrap: wrap;
    width: 90%;
    margin: 10px;
    margin: auto;
  }
  .parrafoAmarillo {
    display: flex; /* or inline-flex */
    flex-wrap: nowrap;
    background-color: rgb(217, 231, 248);
    padding: 10px;
    width: 100%;
    margin-top: 10px;
    border-radius: 20px;
    text-align: justify;
  }
  .parrafoGris {
    display: flex; /* or inline-flex */
    flex-wrap: nowrap;
    background-color: rgb(226, 226, 226);
    padding: 10px;
    width: 100%;
    margin-top: 10px;
    border-radius: 20px;
    text-align: justify;
  }
  .numero{
    font-size: 55px;
    margin-right: 15px;
    color: white;
    font-weight: bolder;
  }
  .tituloParrafo{
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
  }
  ul.b {
    list-style-type: square;
  }
  .titulo{
    font-size: 50px;
    font-weight: bolder;
    color: rgb(116, 115, 115);
    width: 100%;
  }