/*---- 2. Existential Unit ----*/
/* 2.1 Generic existence */
.do {

}
.tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
  z-index: 1010;
  background:
  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;
}
body:has(.melt):not(:has(.tigers)):not(:has(.butter)):not(:has(.forest)) .melt {
  position: static;
  top: 0; 
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  backdrop-filter: blur(10px);

}
.like {

}
.butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
    border-top-left-radius: 60vb;
    border-top-right-radius: 60vb;
    overflow: hidden;
    z-index: 10;
    background:
      repeating-radial-gradient(circle at 50% 100%, 
        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 50% 100%,
        rgb(255, 242, 98) 0px,
        rgb(255, 242, 98) 48px,
        #efd79d 49px,
        #efd79d 78px,
        rgb(255, 239, 160) 79px,
        rgb(255, 239, 160) 99px
      );
  }
.in {

}
.the {

}
.forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9995;
  border-radius: 0;
  background:
  linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 19, 129, 0.85) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 19, 129, 0.85) 75%) right top / 30vw 100% repeat;
}
.questionmark{

}

/* 2.2 Specific existence */
/* 2.2.1 specific butter */
.the + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 10;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
      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 50% 100%,
      rgb(255, 242, 98) 0px,
      rgb(255, 242, 98) 48px,
      #efd79d 49px,
      #efd79d 78px,
      rgb(255, 239, 160) 79px,
      rgb(255, 239, 160) 99px
    );
}
/* 2.2.2 unidentified butter */
.questionmark + .butter,
.the + .questionmark + .butter {
    position: absolute;
    bottom:35%;
    left:30%;
    width: 35vw;
    height: 55vh;
    border-top-left-radius: 60vb;
    border-top-right-radius: 60vb;
    overflow: hidden;
    z-index: 20;
    background:
      repeating-radial-gradient(circle at 50% 100%,
      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 50% 100%,
      rgb(69, 125, 255) 0px,
      rgb(69, 125, 255) 48px,
      rgb(86, 149, 69) 49px,
      rgb(86, 149, 69) 78px
    );
  }
/* 2.2.3 butter made from forest */
.forest + .butter,
.the + .forest + .butter {
    position: absolute;
    bottom:35%;
    left:30%;
    width: 35vw;
    height: 55vh;
    border-top-left-radius: 60vb;
    border-top-right-radius: 60vb;
    overflow: hidden;
    z-index: 20;
    background:
      repeating-radial-gradient(circle at 50% 100%, 
        rgba(255, 239, 226, 0.572) 15px,
        rgba(255, 239, 226, 0.572) 43px,
        transparent 44px,
        transparent 99px
      ),
      repeating-radial-gradient(circle at 50% 100%,
        rgb(255, 242, 98) 0px,
        rgb(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;
  }
/* 2.2.3-1 butter made from mysterious forest */
.the + .questionmark + .forest + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 20;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
      rgba(255, 239, 226, 0.572) 15px,
      rgba(255, 239, 226, 0.572) 43px,
      transparent 44px,
      transparent 99px
    ),
    repeating-radial-gradient(circle at 50% 100%,
      rgb(255, 242, 98) 0px,
      rgb(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;
}

/* 2.2.4 butter made from tigers */
.tigers + .butter,
.the + .tigers + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 20;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
      rgba(255, 239, 226, 0.572) 15px,
      rgba(255, 239, 226, 0.572) 43px,
      transparent 44px,
      transparent 99px
    ),
    repeating-radial-gradient(circle at 50% 100%,
      rgb(255, 242, 98) 0px,
      rgb(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% / 40vw 60vh no-repeat;
}
/* 2.2.4-1 butter made from enigmatic tigers */
.questionmark + .tigers + .butter,
.the + .questionmark + .tigers + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 20;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
      rgba(255, 239, 226, 0.572) 15px,
      rgba(255, 239, 226, 0.572) 43px,
      transparent 44px,
      transparent 99px
    ),
    repeating-radial-gradient(circle at 50% 100%,
      rgb(255, 242, 98) 0px,
      rgb(255, 242, 98) 48px,
      #efd79d 49px,
      #efd79d 78px,
      transparent 79px,
      transparent 99px
    ),
    conic-gradient(
      rgb(255, 7, 7) 0deg 140deg, 
      rgb(255, 234, 215) 140deg 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% / 40vw 60vh no-repeat; 
}
/* 2.2.4-1 butter that resembles enigmatic tigers */
/*.the + .questionmark + .tigers + .like + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 20;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
    rgb(255, 7, 7) 13px,  
    rgb(255, 7, 7) 43px, 
    transparent 44px, 
    transparent 77px, 
    rgb(0, 190, 224) 78px, 
    rgb(0, 190, 224) 99px),
    repeating-radial-gradient(circle at 50% 100%, 
    rgb(255, 0, 191) 0px, 
    rgb(255, 0, 191) 60px, 
    rgb(255, 234, 215) 61px, 
    rgb(255, 234, 215) 99px);
}*/
/* 2.2.5 butter that resembles forest */
.forest + .like + .butter,
.the + .forest + .like + .butter {
    position: absolute;
    bottom:35%;
    left:30%;
    width: 35vw;
    height: 55vh;
    border-top-left-radius: 60vb;
    border-top-right-radius: 60vb;
    overflow: hidden;
    z-index: 20;
    background:
    repeating-radial-gradient(circle at 50% 100%, 
    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 50% 100%, 
    rgb(38, 189, 12) 0px, 
    rgb(38, 189, 12) 60px, 
    rgb(255, 249, 177) 61px, 
    rgb(255, 249, 177) 99px);
  }
/* 2.2.5-1 butter that resembles mysterious forest */
.the + .questionmark + .forest + .like + .butter {
  position: absolute;
  bottom:35%;
  left:30%;
  width: 35vw;
  height: 55vh;
  border-top-left-radius: 60vb;
  border-top-right-radius: 60vb;
  overflow: hidden;
  z-index: 20;
  background:
    repeating-radial-gradient(circle at 50% 100%, 
    rgba(0, 0, 0, 0.8) 13px,  
    rgba(0, 0, 0, 0.8) 43px, 
    transparent 44px, 
    transparent 77px, 
    rgb(0, 190, 224) 78px, 
    rgb(0, 190, 224) 99px),
    repeating-radial-gradient(circle at 50% 100%, 
    rgba(255, 255, 255, 0.858) 0px, 
    rgba(255, 255, 255, 0.858) 60px, 
    rgba(65, 68, 255, 0.968) 61px, 
    rgba(65, 68, 255, 0.968) 99px);
}

/* 2.2.6 specific forest */
.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%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) right top / 30vw 100% repeat;
}
/* 2.2.7 mysterious forest */
.questionmark + .forest,
.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(11, 239, 255, 0.8) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 255, 255, 0.858) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(65, 68, 255, 0.6) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(0, 0, 0, 0.8) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(11, 239, 255, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 255, 255, 0.858) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(65, 68, 255, 0.6) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(0, 0, 0, 0.8) 75%) right top / 30vw 100% repeat;
}
/* 2.2.8 forest of butter */
.butter + .forest,
.the + .butter + .forest {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  z-index: 9999;
  border-radius: 0;
  background:
  radial-gradient(ellipse at bottom right,
    rgba(255, 239, 226, 0.7) 0%,
    rgba(255, 239, 226, 0.7) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom left,
    rgba(255, 234, 0) 0%,
    rgba(255, 234, 0) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom right,
    rgba(255, 255, 255, 0.6) 0%,
    rgba(255, 255, 255, 0.6) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom left,
    rgba(253, 255, 137, 0.8) 0%,
    rgba(253, 255, 137, 0.8) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,

  radial-gradient(ellipse at bottom right,
  rgba(255, 239, 226, 0.7) 0%,
  rgba(255, 239, 226, 0.7) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom left,
  rgba(255, 234, 0) 0%,
  rgba(255, 234, 0) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom right,
  rgba(255, 255, 255, 0.6) 0%,
  rgba(255, 255, 255, 0.6) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom left,
  rgba(253, 255, 137, 0.8) 0%,
  rgba(253, 255, 137, 0.8) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x;
  }
/* 2.2.9 forest where tigers dwell */
.tigers + .forest,
.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%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) right top / 30vw 100% 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;
}
/* 2.2.10 forest with butter-like qualities */
.butter + .like + .forest,
.the + .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%, rgba(255, 239, 226, 0.8) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 234, 0) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.6) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(253, 255, 137, 0.8) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(255, 239, 226, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(255, 234, 0) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(255, 255, 255, 0.6) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(253, 255, 137, 0.8) 75%) right top / 30vw 100% repeat;
}
/* 2.2.10-1 forest made of unidentified butter */
.questionmark + .butter + .forest,
.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(ellipse at bottom right,
    rgba(255, 51, 0, 0.7) 0%,
    rgba(255, 51, 0, 0.7) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom left,
    rgb(86, 149, 69) 0%,
    rgb(86, 149, 69) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom right,
    rgba(255, 51, 0, 0.6) 0%,
    rgba(255, 51, 0, 0.6) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,
  radial-gradient(ellipse at bottom left,
    rgb(86, 149, 69, 0.8) 0%,
    rgb(86, 149, 69, 0.8) 30%,
    transparent 30%,
    transparent 100%
  ) 20% 100% / 40vw 50vw repeat-x,

  radial-gradient(ellipse at bottom right,
  rgba(255, 51, 0, 0.7) 0%,
  rgba(255, 51, 0, 0.7) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom left,
  rgb(86, 149, 69) 0%,
  rgb(86, 149, 69) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom right,
  rgba(255, 51, 0, 0.6) 0%,
  rgba(255, 51, 0, 0.6) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x,
radial-gradient(ellipse at bottom left,
  rgb(86, 149, 69, 0.8) 0%,
  rgb(86, 149, 69, 0.8) 30%,
  transparent 30%,
  transparent 100%
) 50% 100% / 45vw 50vw repeat-x;
}
/* 2.2.10-2 forest that resembles unidentified butter */
.questionmark + .butter + .like + .forest,
.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%, rgba(255, 51, 0) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(86, 149, 69, 0.7) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(255, 51, 0) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(86, 149, 69, 0.8) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(255, 51, 0) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(86, 149, 69, 0.7) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgba(255, 51, 0) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(86, 149, 69, 0.8) 75%) right top / 30vw 100% repeat;
}
/* 2.2.10-3 forest where enigmatic tigers dwell */
.questionmark + .tigers + .forest,
.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%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgba(0, 154, 100, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(75, 68, 20, 0.9) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(38, 189, 12) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgba(252, 255, 235, 0.5) 75%) right top / 30vw 100% repeat,
  conic-gradient(
    transparent 0deg 140deg, 
    rgb(255, 234, 215) 140deg 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) 150px 65% / 300px 260px repeat-x;
}
/* 2.2.10-4 forest that resembles enigmatic tigers */
.questionmark + .tigers + .like + .forest,
.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%, rgb(255, 234, 215, 0.8) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(255, 7, 7, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(255, 234, 215, 0.9) 75%) left top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(255, 7, 7, 0.5) 75%) left top / 30vw 100% repeat,

  linear-gradient(115deg, transparent 75%, rgb(255, 234, 215, 0.8) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(255, 7, 7, 0.9) 75%) right top / 30vw 100% repeat,
  linear-gradient(115deg, transparent 75%, rgb(255, 234, 215) 75%) right top / 30vw 100% repeat,
  linear-gradient(245deg, transparent 75%, rgb(255, 7, 7, 0.5) 75%) right top / 30vw 100% repeat;
}
/* 2.2.11 specific tigers */
.the + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 0;
  z-index: 1010;
  background:
  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;
}
/* 2.2.12 enigmatic tigers */
.questionmark + .tigers,
.the + .questionmark + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgb(255, 234, 215) 140deg 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) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.13 tigers made of butter */
.butter + .tigers,
.the + .butter + .tigers {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
  transparent 0deg 140deg, 
  rgb(255, 242, 232) 140deg 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) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.14 tigers of forest */
.forest + .tigers,
.the + .forest + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgb(82, 73, 13) 140deg 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) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.15 tigers with butter-like qualities */
.butter + .like + .tigers,
.the + .butter + .like + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgb(255, 242, 232) 140deg 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) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.16 tigers with forest-like qualities */
.forest + .like + .tigers,
.the + .forest + .like + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgb(82, 73, 13) 140deg 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) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.16-1 tigers made of undefined butter */
.questionmark + .butter + .tigers,
.the + .questionmark + .butter + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgba(255, 51, 0) 140deg 240deg, 
    rgb(86, 149, 69)240deg 280deg, 
    rgb(69, 125, 255) 280deg 300deg,  
    rgba(255, 51, 0) 300deg, 308deg, 
    rgba(255, 225, 196) 308deg 350deg, 
    rgb(69, 125, 255) 350deg 360deg) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.16-2 tigers that resembles undefined butter */
.questionmark + .butter + .like + .tigers,
.the + .questionmark + .butter + .like + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgba(255, 51, 0) 140deg 240deg, 
    rgb(86, 149, 69)240deg 280deg, 
    rgb(69, 125, 255) 280deg 300deg,  
    rgba(255, 51, 0) 300deg, 308deg, 
    rgba(255, 225, 196) 308deg 350deg, 
    rgb(69, 125, 255) 350deg 360deg) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.16-3 tigers made from mysterious forest */
.questionmark + .forest + .tigers,
.the + .questionmark + .forest + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgba(65, 68, 255) 140deg 240deg, 
    rgba(11, 239, 255)240deg 280deg, 
    rgba(0, 0, 0) 280deg 300deg,  
    rgba(65, 68, 255) 300deg, 308deg, 
    rgba(255, 255, 255) 308deg 350deg, 
    rgba(0, 0, 0) 350deg 360deg) 100px 65% / 300px 260px repeat-x;
}
/* 2.2.16-4 tigers that resembles mysterious forest */
.questionmark + .forest + .like + .tigers,
.the + .questionmark + .forest + .like + .tigers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  margin: 0;
  border-radius: 10;
  z-index: 1010;
  background:
  conic-gradient(
    transparent 0deg 140deg, 
    rgba(65, 68, 255) 140deg 240deg, 
    rgba(11, 239, 255)240deg 280deg, 
    rgba(0, 0, 0) 280deg 300deg,  
    rgba(65, 68, 255) 300deg, 308deg, 
    rgba(255, 255, 255) 308deg 350deg, 
    rgba(0, 0, 0) 350deg 360deg) 100px 65% / 300px 260px repeat-x;
}