/* remove sprinkle bg from main stylesheet */
body {
  background-image: none !important;
}

/* Fade-in animation */
@keyframes pageFade {
  0% {
    opacity: 0;
    background-color: #ffeaf7;
  }
  100% {
    opacity: 1;
    background-color: #ffeaf7;
  }
}

/* GENERAL PAGE STYLING */
body { 
  animation: pageFade 3s ease forwards;
  background-color: #ffeaf7;
  font-family: sans-serif;
  color: #ff66a3; 
  text-align: center;
  padding: 0px;
  cursor: url("https://files.catbox.moe/zz8604.gif") 0 0, auto;
}

/* highlight color */
::selection {
  background: #f7abcf;
  color: #FFFFFF;
}

/* BANNERS */
.banner-top,
.banner-bottom {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 74%;              /* lower = smaller */
  pointer-events: none;    /* no clicking */
  user-select: none;       /* no selecting */
  -webkit-user-drag: none; /* no dragging */
}

/* top banner */
.banner-top {
  top: -5px;              /* lower number = downer */
}

/* bottom banner */
.banner-bottom {
  bottom: -110px;   /* higher number = downer */
}

/* MAIN CONTAINER */
.fav-container {
  position: relative;
  width: 80%;
  margin: 80px auto 0 auto;
  padding: 40px;

  background-image: url("https://files.catbox.moe/9p3pbt.png");
background-size: auto;
background-repeat: repeat;
background-position: top center;

  min-height: 650px;

  border: none;
  box-shadow: none;
  border-radius: 0;
}