/* User's custom CSS loaded via My Custom CSS plugin created by Big Impact Design */
/* Example: Change the background color of the body */

/* BOUNCING TEXT ANIMATION */
:root {
    /* Primary Colors */
    --bc: #f1e9f7;
    --primary: #ed829d;
    --primary-shadow: #d9738d;
    --secondary: #FFDE21 /* #00BBF9 */;
    --secondary-shadow: #0083f5 ;
    /* Colors */
    --white: #ffffff;
    --black: #000000;
    /* Sizes */
  /*  --heading: 4rem;
    --heading-medium: 6rem; */
    /* Fonts */
    --font-main: 'Fun Blob';
  }
/* Classes */
.bounce {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .bounce span {
    top: .75em;
    position: relative;
    display: inline-block;
    font-size: var(--heading);
    color: var(--primary);
    text-shadow: 0 1px 0 var(--primary-shadow), 0 2px 0 var(--primary-shadow), 0 3px 0 var(--primary-shadow), 0 4px 0 var(--primary-shadow), 0 5px 0 var(--primary-shadow), 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, 0.4);
    animation: bounce 1s ease infinite alternate;
  }
  .bounce span:nth-child(2) { -webkit-animation-delay: .1s; }
  .bounce span:nth-child(3) { -webkit-animation-delay: .2s; }
  .bounce span:nth-child(4) { -webkit-animation-delay: .3s; }
  .bounce span:nth-child(5) { -webkit-animation-delay: .4s; }
  .bounce span:nth-child(6) { -webkit-animation-delay: .5s; }
  .bounce span:nth-child(7) { -webkit-animation-delay: .6s; }
  .bounce span:nth-child(8) { -webkit-animation-delay: .7s; }
  .bounce span:nth-child(9) { -webkit-animation-delay: .8s; }
  .bounce span:nth-child(10) { -webkit-animation-delay: .9s; }
  .bounce span:nth-child(11) { -webkit-animation-delay: 1s; }
  .bounce span:nth-child(12) { -webkit-animation-delay: 1.1s; }
  .bounce span:nth-child(13) { -webkit-animation-delay: 1.2s; }
  .bounce span:nth-child(14) { -webkit-animation-delay: 1.3s; }
  .bounce span:nth-child(15) { -webkit-animation-delay: 1.4s; }
  .bounce-secondary {
    margin: 0;
    width: 100%;
    text-align: center;
    letter-spacing: -0.15em;}
@media only screen and (max-width: 609px) {.bounce-secondary {font-size: clamp(4rem, 1.2973rem + 12.3552vw, 6rem);}}
@media only screen and (min-width: 610px) {.bounce-secondary  {font-size: clamp(6rem, 4.9971rem + 4.5845vw, 8rem);}}
 /* PANEL DISPLAY FOR BOUNCEY TEXT */
@media only screen and (max-width: 1048px) {.show-above-1048 {display: none;}}
@media only screen and (min-width: 1049px) {.show-below-1049 {display: none;}}


  .bounce-secondary span {
    top: .75em;
    position: relative;
    display: inline-block;
    font-size: var(--heading-medium);
    color: var(--secondary);
    text-shadow: 0 1px 0 var(--secondary-shadow), 0 2px 0 var(--secondary-shadow), 0 3px 0 var(--secondary-shadow), 0 4px 0 var(--secondary-shadow), 0 5px 0 var(--secondary-shadow), 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, 0.4);
    animation: bounce-secondary 1s ease infinite alternate;
  }
  .bounce-secondary span:nth-child(2) { -webkit-animation-delay: .1s; }
  .bounce-secondary span:nth-child(3) { -webkit-animation-delay: .2s; }
  .bounce-secondary span:nth-child(4) { -webkit-animation-delay: .3s; }
  .bounce-secondary span:nth-child(5) { -webkit-animation-delay: .4s; }
  .bounce-secondary span:nth-child(6) { -webkit-animation-delay: .5s; }
  .bounce-secondary span:nth-child(7) { -webkit-animation-delay: .6s; }
  .bounce-secondary span:nth-child(8) { -webkit-animation-delay: .7s; }
  .bounce-secondary span:nth-child(9) { -webkit-animation-delay: .8s; }
  .bounce-secondary span:nth-child(10) { -webkit-animation-delay: .9s; }
  .bounce-secondary span:nth-child(11) { -webkit-animation-delay: 1s; }
  .bounce-secondary span:nth-child(12) { -webkit-animation-delay: 1.1s; }
  .bounce-secondary span:nth-child(13) { -webkit-animation-delay: 1.2s; }
  .bounce-secondary span:nth-child(14) { -webkit-animation-delay: 1.3s; }
  .bounce-secondary span:nth-child(15) { -webkit-animation-delay: 1.4s; }
  /* Keyframes */
  @keyframes comcpos {
    0% {transform:translate3d(0,0,0);}
    16% {transform:translate3d(0,-5%,0);}
    33% {transform:translate3d(0,-10%,0);}
    50% {transform:translate3d(0,-15%,0);}
    66% {transform:translate3d(0,-10%,0);}
    83% {transform:translate3d(0,-5%,0);}
  }
  @keyframes stroke-offset{
    100% {stroke-dashoffset: -35%;}
  }
  @-webkit-keyframes bounce {
    100% {
      top: -20px;
      text-shadow: 0 1px 0 var(--primary-shadow), 0 2px 0 var(--primary-shadow), 0 3px 0 var(--primary-shadow), 0 4px 0 var(--primary-shadow), 0 5px 0 var(--primary-shadow), 0 6px 0 var(--primary-shadow), 0 7px 0 var(--primary-shadow), 0 8px 0 var(--primary-shadow), 0 9px 0 var(--primary-shadow), 0 50px 25px rgba(0, 0, 0, 0.2);
    }
  }
  @-webkit-keyframes bounce-secondary {
    100% {
      top: -20px;
      text-shadow: 0 1px 0 var(--secondary-shadow), 0 2px 0 var(--secondary-shadow), 0 3px 0 var(--secondary-shadow), 0 4px 0 var(--secondary-shadow), 0 5px 0 var(--secondary-shadow), 0 6px 0 var(--secondary-shadow), 0 7px 0 var(--secondary-shadow), 0 8px 0 var(--secondary-shadow), 0 9px 0 var(--secondary-shadow), 0 50px 25px rgba(0, 0, 0, 0.2);
    }
  }