ul {
          width: 80%;
          list-style-type: "📅";
          background: #EED;
          margin: 1em 1em;
      }

      ul ul {
          list-style-type: "▶️";
      }

      ul ul a {
          position: relative;
          display: block;
          padding: .4em .4em .4em 2em;
          margin: .5em 0;
          background: #DAD2CA;
          color: #000;
          text-decoration: none;
          border-radius: .3em;
          transition: .3s ease-out;
      }

      ul ul a:hover {
          background: #E9E4E0;
      }

      h1 {
          width: 80%;
          background-color: #EEF;
          border-radius: .3em;
          margin: 1em 1em;
      }

      h2 {
          width: 80%;
          background-color: #EEF;
          border-radius: .3em;
          margin: 1em 1em;
      }