/*----5. SPATIAL RELATIONSHIPS----*/
/* 5.1 in non-specific forest */
.in + .forest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) 40px 10px / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) 0 0 / 220px 80px repeat,
    linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) -10px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(255, 19, 129, 0.926) 75%) 10px -20px / 210px 90px repeat;
} 
/* 5.1.1 in specific forest */
.in + .the + .forest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) 0 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.926) 75%) 10px -20px / 210px 90px repeat;
}
/* 5.1.2 in mysterious forest */
.in + .the + .questionmark + .forest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    linear-gradient(115deg, transparent 75%, rgba(0, 0, 0, 0.8) 75%) 40px 10px / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(11, 239, 255, 0.8) 75%) 30px 0 / 180px 40px repeat,
    linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.858) 75%) -10px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(65, 68, 255, 0.968) 75%) 10px -20px / 210px 90px repeat;
}
/* 5.1.3 in forest of butter */
.in + .butter + .forest,
.in + .the + .butter + .forest {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    radial-gradient(circle at bottom right, rgba(253, 255, 137, 0.8) 5% 50%, transparent 50% 200%) 150px 70px / 200px  70px repeat,
    radial-gradient(circle at bottom left, rgba(255, 234, 0) 10% 50%, transparent 50% 150%) 150px 70px / 80px  20px repeat,
    radial-gradient(circle at bottom left, rgba(255, 239, 226, 0.8) 5% 50%, transparent 50% 200%) 110px 60px / 200px 40px repeat;
  }
/* 5.1.4 in forest of tigers */
.in + .tigers + .forest,
.in + .the + .tigers + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) 0 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.926) 75%) 10px -20px / 210px 90px repeat,
  conic-gradient(transparent 0deg 140deg, rgb(255, 247, 240) 140deg 240deg, rgba(255, 148, 72)240deg 280deg, black 280deg 300deg, white 300deg, 308deg, rgba(255, 204, 0) 308deg 350deg, black 350deg 360deg) 100px 65% / 300px 260px repeat-x;
}
/* 5.1.5 in forest resembling butter */
.in + .forest + .like + .butter,
.in + .the + .forest + .like + .butter,
.in + .forest + .like + .the + .butter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    linear-gradient(115deg, transparent 75%, rgba(255, 239, 226, 0.8) 75%) 40px 10px / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(98, 86, 13, 0.8) 75%) 0 0 / 220px 60px repeat,
    linear-gradient(115deg, transparent 75%, rgb(255, 234, 0) 75%) -40px -70px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(253, 255, 137, 0.926) 75%) -50px -20px / 210px 90px repeat;
}
/* 5.1.6 in forest resembling tigers */
.in + .forest + .like + .tigers,
.in + .the + .forest + .like + .tigers,
.in + .forest + .like + .the + .tigers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    z-index: 9999;
    border-radius: 0;
    background:
    linear-gradient(115deg, transparent 75%, rgba(0, 0, 0, 0.8) 75%) 40px 10px / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(255, 148, 72, 0.8) 75%) 30px 0 / 180px 40px repeat,
    linear-gradient(115deg, transparent 75%, rgb(255, 255, 255) 75%) -10px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(255, 204, 0, 0.968) 75%) 10px -20px / 210px 90px repeat;
}

/* 5.1.6-1 in forest made of unidentified butter */
.in + .the + .questionmark + .butter + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  radial-gradient(circle at bottom right, rgba(255, 235, 216, 0.8) 5% 50%, transparent 50% 200%) 150px 70px / 200px  70px repeat,
  radial-gradient(circle at bottom left, rgb(255, 51, 0) 10% 50%, transparent 50% 150%) 150px 70px / 80px  20px repeat,
  radial-gradient(circle at bottom left, rgb(94, 174, 72, 0.8) 5% 50%, transparent 50% 200%) 110px 60px / 200px 40px repeat;
}
/* 5.1.6-2 in forest that resembles unidentified butter */
.in + .the + .questionmark + .butter + .like + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  linear-gradient(115deg, transparent 75%, rgb(94, 174, 72) 75%) 40px 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(117, 69, 69, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgb(255, 51, 0) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(255, 235, 216, 0.926) 75%) 10px -20px / 210px 90px repeat;
}
/* 5.1.6-3 in forest where enigmatic tigers dwell */
.in + .the + .questionmark + .tigers + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) 0 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.926) 75%) 10px -20px / 210px 90px repeat,
    conic-gradient(transparent 0deg 140deg, rgb(255, 234, 215) 140deg 240deg, rgba(0, 0, 0)240deg 280deg, rgb(0, 190, 224) 280deg 300deg,  rgb(255, 234, 215) 300deg, 308deg, rgb(0, 190, 224) 308deg 350deg, rgb(0, 190, 224) 350deg 360deg) 150px 65% / 300px 260px repeat-x;
}
/* 5.1.6-4 in forest that resembles enigmatic tigers */
.in + .the + .questionmark + .tigers + .like + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  linear-gradient(115deg, transparent 75%, rgba(0, 255, 76, 0.8) 75%) 40px 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgba(0, 0, 0) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgb(255, 234, 215, 0.926) 75%) 10px -20px / 210px 90px repeat;
}


/* 5.2 in tigers */
.in + .tigers,
.in + .the + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(transparent 0deg 115deg, rgb(255, 247, 240) 115deg 240deg, rgba(255, 148, 72)240deg 280deg, black 280deg 300deg, white 300deg, 308deg, rgba(255, 204, 0) 308deg 350deg, black 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.1 in enigmatic tigers */
.in + .questionmark + .tigers,
.in + .the + .questionmark + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 10;
  background:
  conic-gradient(
    transparent 0deg 115deg,
    rgb(255, 234, 215) 115deg 240deg, 
    rgb(255, 7, 7)240deg 280deg, 
    rgb(255, 0, 191) 280deg 300deg, 
    rgb(255, 234, 215) 300deg, 308deg, 
    rgb(0, 190, 224) 308deg 350deg, 
    rgb(255, 0, 191) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.2 in tigers of butter */
.in + .butter + .tigers,
.in + .the + .butter + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(transparent 0deg 115deg, rgb(255, 242, 232) 115deg 240deg, rgb(255, 241, 91) 240deg 280deg, rgb(232, 203, 118) 280deg 300deg,  rgb(255, 242, 232) 300deg, 308deg, rgb(255, 244, 128) 308deg 350deg, rgb(232, 203, 118) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.3 in tigers of forest */
.in + .forest + .tigers,
.in + .the + .forest + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(transparent 0deg 115deg, rgb(82, 73, 13) 115deg 240deg, rgb(0, 122, 88) 240deg 280deg, rgb(255, 244, 129) 280deg 300deg,  rgb(82, 73, 13) 300deg, 308deg, rgb(38, 189, 12) 308deg 350deg, rgb(255, 244, 129) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.4 in tigers resembling butter */
.in + .butter + .like + .tigers,
.in + .the + .butter + .like + .tigers,
.in + .butter + .like + .the + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(transparent 0deg 115deg, rgb(255, 242, 232) 115deg 240deg, rgb(255, 241, 91) 240deg 280deg, rgb(232, 203, 118) 280deg 300deg,  rgb(255, 242, 232) 300deg, 308deg, rgb(255, 244, 128) 308deg 350deg, rgb(232, 203, 118) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.5 in tigers resembling forest */
.in + .forest + .like + .tigers,
.in + .the + .forest + .like + .tigers,
.in + .forest + .like + .the + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(transparent 0deg 115deg, rgb(82, 73, 13) 115deg 240deg, rgb(0, 122, 88) 240deg 280deg, rgb(255, 244, 129) 280deg 300deg,  rgb(82, 73, 13) 300deg, 308deg, rgb(38, 189, 12) 308deg 350deg, rgb(255, 244, 129) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.5-1 in tigers made of undefined butter */
.in + .the + .questionmark + .forest + .butter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(
    transparent 0deg 115deg, 
    rgb(255, 234, 215) 115deg 240deg, 
    rgba(0, 0, 0)240deg 280deg, 
    rgb(0, 190, 224) 280deg 300deg, 
    rgb(255, 234, 215) 300deg, 308deg, 
    rgb(0, 190, 224) 308deg 350deg, 
    rgb(0, 190, 224) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.5-2 in tigers that resembles undefined butter */
.in + .the + .questionmark + .forest + .like + .butter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(
    transparent 0deg 115deg, 
    rgb(255, 234, 215) 115deg 240deg, 
    rgba(0, 0, 0)240deg 280deg, 
    rgb(0, 190, 224) 280deg 300deg, 
    rgb(255, 234, 215) 300deg, 308deg, 
    rgb(0, 190, 224) 308deg 350deg, 
    rgb(0, 190, 224) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.5-3 in tigers made from mysterious forest */
.in + .the + .questionmark + .forest + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(
    transparent 0deg 115deg, 
    rgba(65, 68, 255) 115deg 240deg, 
    rgba(11, 239, 255)240deg 280deg, 
    black 280deg 300deg, 
    rgba(65, 68, 255) 300deg, 308deg, 
    rgba(255, 255, 255) 308deg 350deg, 
    black 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.2.5-4 in tigers that resembles mysterious forest */
.in + .the + .questionmark + .forest + .like + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 99999;
  border-radius: 0;
  background:
  conic-gradient(
    transparent 0deg 115deg, 
    rgba(65, 68, 255) 115deg 240deg, 
    rgba(11, 239, 255)240deg 280deg, 
    black 280deg 300deg, 
    rgba(65, 68, 255) 300deg, 308deg, 
    rgba(255, 255, 255) 308deg 350deg, 
    black 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}




/* 5.3 in butter */
.in + .butter,
.in + .the + .butter {
  position: static;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    z-index: 999;
    background:
    repeating-radial-gradient(circle at 0% 50%, 
    rgba(255, 239, 226, 0.572) 15px, 
    rgba(255, 239, 226, 0.572) 43px, 
    transparent 44px, transparent 77px, 
    rgba(253, 255, 137, 0.43) 78px, 
    rgba(253, 255, 137, 0.43) 99px),
    repeating-radial-gradient(circle at 0% 50%, 
    rgb(255, 242, 98) 0px, 
    rgba(255, 242, 98) 48px, 
    #efd79d 49px, 
    #efd79d 78px, 
    rgb(255, 239, 160) 79px, 
    rgb(255, 239, 160) 99px);
}
/* 5.3.1 in unidentified butter */
.in + .questionmark + .butter,
.in + .the + .questionmark + .butter {
    position: absolute;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      margin: 0;
      z-index: 999;
      border-radius: 0;
      z-index: 2;
      background:
      repeating-radial-gradient(circle at 0% 50%,
      rgba(255, 225, 196, 0.746) 15px,
      rgba(255, 225, 196, 0.746) 43px,
      transparent 44px,
      transparent 77px,
      rgba(255, 51, 0, 0.742) 78px,
      rgba(255, 51, 0, 0.742) 99px
    ),
    repeating-radial-gradient(circle at 0% 50%,
      rgb(69, 125, 255) 0px,
      rgb(69, 125, 255) 48px,
      rgb(86, 149, 69) 49px,
      rgb(86, 149, 69) 78px);
  }
/* 5.3.2 in butter of tigers */
.in + .tigers + .butter,
.in + .the + .tigers + .butter {
  position: static;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  margin:0;
  z-index: 999;
  border-radius:0;
  background:
    repeating-radial-gradient(circle at 0% 50%, 
      rgba(255, 239, 226, 0.572) 25px, 
      rgba(255, 239, 226, 0.572) 43px, 
      transparent 44px, 
      transparent 99px),
    repeating-radial-gradient(circle at 0% 50%, 
      rgb(255, 242, 98) 0px, 
      rgba(255, 242, 98) 48px, 
      #efd79d 49px, 
      #efd79d 78px, 
      transparent 79px, 
      transparent 99px),
      conic-gradient(rgba(255, 148, 72) 0deg 115deg, rgb(255, 247, 240) 115deg 240deg, rgba(255, 148, 72)240deg 280deg, black 280deg 300deg, white 300deg, 308deg, rgba(255, 204, 0) 308deg 350deg, black 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.3.3 in butter of forest */
.in + .forest + .butter,
.in + .the + .forest + .butter {
  position: static;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 999;
  border-radius:0;
  background:
    repeating-radial-gradient(circle at 0% 50%, 
      rgba(255, 239, 226, 0.572) 25px, 
      rgba(255, 239, 226, 0.572) 43px, 
      transparent 44px, 
      transparent 99px),
    repeating-radial-gradient(circle at 0% 50%, 
      rgb(255, 242, 98) 0px, 
      rgba(255, 242, 98) 48px, 
      #efd79d 49px, 
      #efd79d 78px, 
      transparent 79px, 
      transparent 99px),
      linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) 0 0 / 250px 90px repeat,
    linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) 0 0 / 220px 120px repeat,
    linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) 4px -40px / 210px 50px repeat,
    linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.926) 75%) 10px -20px / 210px 90px repeat,
    linear-gradient(
        to bottom,
        rgb(0, 82, 247) 0%,
        rgb(0, 82, 247) 65%,
        rgb(86, 51, 19) 65%,
        rgb(86, 51, 19) 100%
      ) 0 0 / 100% 100% no-repeat;
}
/* 5.3.4 in butter resembling tigers */
.in + .tigers + .like + .butter,
.in + .the + .tigers + .like + .butter,
.in + .tigers + .like + .the + .butter {
    position: static;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      margin: 0;
      z-index: 999;
      border-radius: 0;
      z-index: 2;
      background:
      repeating-radial-gradient(circle at 0% 50%,  rgba(255, 148, 72, 0.9) 15px,  rgba(255, 148, 72, 0.9) 43px, transparent 44px, transparent 77px, rgba(0, 0, 0, 0.8) 78px, rgba(0, 0, 0, 0.8) 99px),
      repeating-radial-gradient(circle at 0% 50%, rgba(255, 204, 0, 0.968) 0px, rgba(255, 204, 0, 0.968) 57px, rgb(255, 255, 255) 58px, rgb(255, 255, 255) 99px);
  }
/* 5.3.5 in butter resembling forest */
.in + .forest + .like + .butter,
.in + .the + .forest + .like + .butter,
.in + .forest + .like + .the + .butter {
    position: static;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      margin: 0;
      z-index: 999;
      border-radius: 0;
      z-index: 2;
      background:
      repeating-radial-gradient(circle at 0% 50%, rgba(104, 95, 19, 0.8) 13px,  rgba(104, 95, 19, 0.8) 43px, transparent 44px, transparent 77px, rgba(0, 154, 100, 0.8) 78px, rgba(0, 154, 100, 0.8) 99px),
      repeating-radial-gradient(circle at 0% 50%, rgb(38, 189, 12) 0px, rgb(38, 189, 12) 60px, rgb(255, 249, 177) 61px, rgb(255, 249, 177) 99px);
  }
/* 5.3.5-1 in butter made from enigmatic tigers */
.in + .the + .questionmark + .tigers + .butter {
  position: static;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  margin:0;
  z-index: 999;
  border-radius:0;
  background:
    repeating-radial-gradient(circle at 0% 50%, 
      rgba(255, 239, 226, 0.572) 25px, 
      rgba(255, 239, 226, 0.572) 43px, 
      transparent 44px, 
      transparent 99px),
    repeating-radial-gradient(circle at 0% 50%, 
      rgb(255, 242, 98) 0px, 
      rgba(255, 242, 98) 48px, 
      #efd79d 49px, 
      #efd79d 78px, 
      transparent 79px, 
      transparent 99px),
      conic-gradient(
        rgb(255, 7, 7) 0deg 115deg, 
        rgb(255, 234, 215) 115deg 240deg, 
        rgb(255, 7, 7)240deg 280deg, 
        rgb(255, 0, 191) 280deg 300deg, 
        rgb(255, 234, 215) 300deg, 308deg, 
        rgb(0, 190, 224) 308deg 350deg, 
        rgb(255, 0, 191) 350deg 360deg) 100% 100% / 100vw 100% no-repeat;
}
/* 5.3.5-2 in butter that resembles enigmatic tigers */
.in + .the + .questionmark + .tigers + .like + .butter {
  position: static;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 999;
  border-radius: 0;
  z-index: 2;
  background:
  repeating-radial-gradient(circle at 0% 50%, rgb(255, 7, 7, 0.8) 13px,  rgb(255, 7, 7, 0.8) 43px, transparent 44px, transparent 77px, rgb(0, 190, 224, 0.8) 78px, rgb(0, 190, 224, 0.8) 99px),
  repeating-radial-gradient(circle at 0% 50%, rgb(255, 0, 191) 0px, rgb(255, 0, 191) 60px, rgb(255, 249, 177) 61px, rgb(255, 234, 215) 99px);
}
/* 5.3.5-3 in butter made from mysterious forest */
.in + .the + .questionmark + .forest + .butter {
  position: static;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 999;
  border-radius:0;
  background:
    repeating-radial-gradient(circle at 0% 50%, 
      rgba(255, 239, 226, 0.572) 25px, 
      rgba(255, 239, 226, 0.572) 43px, 
      transparent 44px, 
      transparent 99px),
    repeating-radial-gradient(circle at 0% 50%, 
      rgb(255, 242, 98) 0px, 
      rgba(255, 242, 98) 48px, 
      #efd79d 49px, 
      #efd79d 78px, 
      transparent 79px, 
      transparent 99px),
      linear-gradient(115deg, transparent 75%, rgba(0, 0, 0, 0.8) 75%) 40px 10px / 250px 90px repeat,
      linear-gradient(245deg, transparent 75%, rgba(11, 239, 255, 0.8) 75%) 30px 0 / 180px 40px repeat,
      linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.858) 75%) -10px -40px / 210px 50px repeat,
      linear-gradient(245deg, transparent 75%, rgba(65, 68, 255, 0.968) 75%) 10px -20px / 210px 90px repeat,
      linear-gradient(
        to bottom,
        rgb(23, 0, 69) 0%,
        rgb(23, 0, 69) 65%,
        rgb(151, 0, 220) 65%,
        rgb(151, 0, 220) 100%
      ) 0 0 / 100% 100% no-repeat;
}

/* 5.3.5-4 in butter that resembles mysterious forest */
.in + .the + .questionmark + .forest + .like + .butter {
  position: static;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 999;
  border-radius: 0;
  z-index: 2;
  background:
  repeating-radial-gradient(circle at 0% 50%, rgba(0, 0, 0, 0.8) 13px,  rgba(0, 0, 0, 0.8) 43px, transparent 44px, transparent 77px, rgba(255, 255, 255, 0.8) 78px, rgba(255, 255, 255, 0.8) 99px),
  repeating-radial-gradient(circle at 0% 50%, rgb(0, 190, 224) 0px, rgb(0, 190, 224) 60px, rgba(65, 68, 255) 61px, rgba(65, 68, 255) 99px);
}