body {
          margin: 0;
          font-family: Lexend;
          background-color: #006d77;
      }

      @font-face {
          font-family: Lexend;
          src: url(https://navega.com.mx/fonts/Lexend-VariableFont_wght.ttf);
      }

      .menu {
          display: flex;
          background-color: #001011;
          border-bottom: solid 1px #006d77;
      }

      .logo {
          width: 90px;
          display: flex;
          margin: 1rem 3rem;
      }

      .menu-options {
          display: flex;
          color: #f9f9f9;
          list-style: none;
          margin: 0 3rem 0 auto;
          align-items: center;
      }

      .menu-options li {
          margin: 1rem;
      }

      .menu-options li a {
          text-decoration: none;
          color: #f9f9f9;
          font-size: 1rem;
      }

      .menu-options li a:hover {
          color: #006d77;
          transition: 0.5s;
      }

      .li-solo-movil {
          display: none;
      }

      .icono-menu {
          display: none;
      }

      .cerrar {
          display: none;
      }

      .contenido {
          width: 40%;
          margin: 3% auto;
          color: #f9f9f9;
      }

      .titulo {
          margin: 22px 0 0;
      }

      h3 {
          font-size: 0.9rem;
          font-weight: 400;
          color: #f9f9f999;
          font-style: italic;
          margin: 8px 0;
      }

      img {
          width: 100%;
      }

      .main-img {
          object-fit: cover;
          height: 300px;
      }

      .scnd-img {
          object-fit: cover;
          height: 200px;
      }

      .texto {
          font-weight: 300;
          text-align: justify;
      }

      footer {
          background-color: #001011;
          padding: 3% 25%;
      }

      .enlaces-sociales {
          display: flex;
          justify-content: space-around;
          margin: 0 30% 2rem;
      }

      .fb,
      .ig,
      .wa {
          padding: 10px 10px 6px;
          border-radius: 50%;
      }

      .fb:hover,
      .ig:hover,
      .wa:hover {
          background-color: #006d77;
          transition: 0.5s;
      }

      .icono-social {
          width: 35px;
      }

      footer p a {
          font-size: 1rem;
          color: #f9f9f9;
          text-decoration: none;
      }

      footer p a:hover {
          color: #006d77;
          transition: 0.5s;
      }

      footer p {
          text-align: center;
      }

      @media screen and (max-width: 1400px) {
          .contenido {
              width: 50%;
          }
      }

      @media screen and (max-width: 900px) {
          .menu-options {
              display: flex;
              position: fixed;
              flex-direction: column;
              width: 100%;
              height: 100vh;
              background-color: #001011;
              transform: translateX(100%);
              margin: auto;
              padding: 10% 0;
              text-align: right;
              transition: 0.6s;
          }

          .menu-options li a {
              font-size: 1.2rem;
          }

          .icono-menu {
              display: block;
              width: 30px;
              height: 30px;
              margin: auto 3rem auto auto;
          }

          .li-solo-movil {
              display: block;
          }

          .cerrar {
              display: flex;
              width: 30px;
              background-color: #001011;
              border: none;
              padding: 0;
          }

          .contenido {
              width: 90%;
          }

          .enlaces-sociales {
              margin: 0 10% 1rem;
          }

          .icono-social {
              width: 20px;
          }

          footer p a {
              font-size: 0.7rem;
          }
      }

      @media screen and (max-width: 500px) {
          .logo {
              width: 60px;
              margin-left: 1.5rem;
          }

          .icono-menu {
              width: 25px;
              height: 20px;
              margin-right: 1.5rem;
          }

          .titulo {
              font-size: 1.5rem;
          }

          .autor,
          .fecha {
              font-size: 0.7rem;
          }

          .texto {
              font-size: 0.9rem;
          }

          .main-img {
              height: 150px;
          }

          .scnd-img {
              height: 110px;
          }

          .menu-options li a {
              font-size: 13px;
          }

          .cerrar {
              width: 18px;
          }
      }