/* Cat preloader - adapted from https://codepen.io/eyesight/pen/WLGaJK */
#preloader {
  background-color: #0A0A0A;
  display: flex;
  align-items: center;
  justify-content: center;
}
#preloader .cat-preloader {
  display: flex;
  justify-content: center;
  align-items: center;
}
#preloader .animation-wrapper {
  display: flex;
  align-items: flex-end;
}
#preloader .cat-wrapper {
  width: 300px;
}
#preloader .cat {
  width: 80%;
  overflow: visible;
  fill: #FB4566;
}
#preloader .eyes circle {
  fill: #fff;
}
#preloader .logoani {
  align-self: flex-end;
  margin-left: -25px;
  font-size: 45px;
  font-family: var(--tp-ff-mango), 'MangoGrotesque', serif;
  color: #FB4566;
  white-space: nowrap;
}

/* Tablet */
@media (max-width: 768px) {
  #preloader .cat-wrapper {
    width: 220px;
  }
  #preloader .logoani {
    font-size: 32px;
    margin-left: -18px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  #preloader .cat-wrapper {
    width: 160px;
  }
  #preloader .logoani {
    font-size: 24px;
    margin-left: -12px;
  }
}

/* Very small phones */
@media (max-width: 360px) {
  #preloader .cat-wrapper {
    width: 130px;
  }
  #preloader .logoani {
    font-size: 20px;
    margin-left: -10px;
  }
}