/*----6. ACTIONS----*/
/* 6.4 Melt */
/* 6.4.5 butter as the subject */
/* 6.4.5.1 butter is melting */
.butter + .melt,
.butter + .do + .melt,
.the + .butter + .melt,
.the + .butter + .do + .melt {
  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 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
    );
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.2 melting of butter is uncertain */
.butter + .questionmark + .melt,
.butter + .melt + .questionmark,
.butter + .questionmark + .do + .melt,
.butter + .do + .questionmark + .melt,
.butter + .do + .melt + .questionmark,
.the + .butter + .questionmark + .melt,
.the + .butter + .melt + .questionmark,
.the + .butter + .questionmark + .do + .melt,
.the + .butter + .do + .questionmark + .melt,
.the + .butter + .do + .melt + .questionmark {
  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 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
    );
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
}
/* 6.4.5.3 unidentified butter is melting */
.the + .questionmark + .butter + .melt,
.the + .questionmark + .butter + .do + .melt {
  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
  );
  mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
  filter:blur(10px);
}
/* 6.4.5.4 butter made from forest is melting */
.forest + .butter + .melt,
.forest + .butter + .do + .melt,
.the + .forest + .butter + .melt,
.the + .forest + .butter + .do + .melt {
  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;
      
      mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
      filter:blur(10px);
    }
/* 6.4.5.5 melting of butter made from forest is uncertain */
.forest + .butter + .questionmark + .melt,
.forest + .butter + .melt + .questionmark,
.forest + .butter + .questionmark + .do + .melt,
.forest + .butter + .do + .questionmark + .melt,
.forest + .butter + .do + .melt + .questionmark,
.the + .forest + .butter + .questionmark + .melt,
.the + .forest + .butter + .melt + .questionmark,
.the + .forest + .butter + .questionmark + .do + .melt,
.the + .forest + .butter + .do + .questionmark + .melt,
.the + .forest + .butter + .do + .melt + .questionmark {
  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;
    mask-image: radial-gradient(ellipse at bottom, white 30%, transparent 100%);
}
/* 6.4.5.6 butter made from tigers is melting */
.tigers + .butter + .melt,
.tigers + .butter + .do + .melt,
.the + .tigers + .butter + .melt,
.the + .tigers + .butter + .do + .melt {
  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;
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.6-1 butter made from enigmatic tigers is melting */
.the + .questionmark + .tigers + .butter + .melt,
.the + .questionmark + .tigers + .butter + .do + .melt {
  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; 
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.6-2 butter that resembles enigmatic tigers is melting */
.the + .questionmark + .tigers + .like + .butter + .melt,
.the + .questionmark + .tigers + .like + .butter + .do + .melt {
  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);
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.7 melting of butter made from tigers is uncertain */
.tigers + .butter + .questionmark + .melt,
.tigers + .butter + .melt + .questionmark,
.tigers + .butter + .questionmark + .do + .melt,
.tigers + .butter + .do + .questionmark + .melt,
.tigers + .butter + .do + .melt + .questionmark,
.the + .tigers + .butter + .questionmark + .melt,
.the + .tigers + .butter + .melt + .questionmark,
.the + .tigers + .butter + .questionmark + .do + .melt,
.the + .tigers + .butter + .do + .questionmark + .melt,
.the + .tigers + .butter + .do + .melt + .questionmark {
  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;
    mask-image: radial-gradient(ellipse at bottom, white 30%, transparent 100%);
}
/* 6.4.5.8 butter resembling forest is melting */
.forest + .like + .butter + .melt,
.forest + .like + .butter + .do + .melt,
.the + .forest + .like + .butter + .melt,
.the + .forest + .like + .butter + .do + .melt {
  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);
      mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
      filter:blur(10px);
    }
/* 6.4.5.8-1 butter made from mysterious forest is melting */
.the + .questionmark + .forest + .butter + .melt,
.the + .questionmark + .forest + .butter + .do + .melt {
  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;
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.8-2 butter that resembles mysterious forest is melting */
.the + .questionmark + .forest + .like + .butter + .melt,
.the + .questionmark + .forest + .like + .butter + .do + .melt {
  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);
    mask-image: radial-gradient(ellipse at bottom, white 40%, transparent 100%);
    filter:blur(10px);
  }
/* 6.4.5.9 melting of butter resembling forest is uncertain */
.forest + .like + .butter + .questionmark + .melt,
.forest + .like + .butter + .melt + .questionmark,
.forest + .like + .butter + .questionmark + .do + .melt,
.forest + .like + .butter + .do + .questionmark + .melt,
.forest + .like + .butter + .do + .melt + .questionmark,
.the + .forest + .like + .butter + .questionmark + .melt,
.the + .forest + .like + .butter + .melt + .questionmark,
.the + .forest + .like + .butter + .questionmark + .do + .melt,
.the + .forest + .like + .butter + .do + .questionmark + .melt,
.the + .forest + .like + .butter + .do + .melt + .questionmark {
  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);
    mask-image: radial-gradient(ellipse at bottom, white 20%, transparent 100%);
}







/* 6.4.6 butter as the agent */