/* page loaded  */
  /* page loaded animation  */
  #page-loader {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 9999;

      /* light black shadow overlay */

      background: rgba(0, 0, 0, 0.521);
  }

  /* wheat icon */

  #wheat-loader {
      font-size: 80px;

      /* glow shadow */

      text-shadow:
          0 0 10px rgba(0, 0, 0, 0.6),
          0 0 20px rgba(0, 0, 0, 0.4);

      animation: wheatAnim 1.2s ease-in-out infinite;
  }

  /* animation */

  @keyframes wheatAnim {

      0% {
          transform: scale(0.9) rotate(-8deg);
      }

      50% {
          transform: scale(1.2) rotate(8deg);
      }

      100% {
          transform: scale(0.9) rotate(-8deg);
      }

  }

  /* end  */