/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/app/styles/ColorBubbles.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
/* styles/ColorBubbles.module.css */
/* body {
 *     
 *     } */

.ColorBubbles_hidden__ltwmz {
    display: none;
  }

.ColorBubbles_container__4YR5W {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color:#331502;
  }

  .ColorBubbles_phg__4SFCi {
    -webkit-text-size-adjust: 2em;
       -moz-text-size-adjust: 2em;
            text-size-adjust: 2em;
    font-size: 8em;
    font-weight: 500;
    text-align: center;
    color: #EFEDED;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    align-content: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 10px;
    text-transform: uppercase;
  }
  
  .ColorBubbles_home__9Xsey {
    display: inline-block;
    color: red;
    width: 80%;
    overflow: hidden;
    padding-bottom: 1em;
  }

  .ColorBubbles_home_h__hvS0X {
    display: inline-block;
    color: red;
    width: 100%;
    overflow: hidden;
    padding-bottom: 1em;
  }

  .ColorBubbles_main__qZDT6 {
    background-color: #EFEDED;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 3em;
    top: 30px;
  }

  .ColorBubbles_main_p__SmpGI {
    color: red;
    width: 100%;
  }

  .ColorBubbles_href__BISft {
    font-weight: bold;
    text-decoration: underline;
  }

  .ColorBubbles_href_h__RGI56 {
    font-weight: bold;
    font-size:24px;
  }

  .ColorBubbles_bubbleContainer__XJDU1 {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .ColorBubbles_bubble_a__B7KsU {
    position: absolute;
    border-radius: 25%;
    animation-duration: 40s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .ColorBubbles_bubble_b__K2uaV {
    position: absolute;
    border-radius: 25%;
    animation-duration: 50s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .ColorBubbles_bubble_c___ueoF {
    position: absolute;
    border-radius: 40%;
    animation-duration: 60s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .ColorBubbles_bubble_d__J4s0Q {
    position: absolute;
    border-radius: 25%;
    animation-duration: 70s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .ColorBubbles_bubble_e__pgJQu {
    position: absolute;
    border-radius: 25%;
    animation-duration: 80s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  .ColorBubbles_bubble_f__G5bSg {
    position: absolute;
    border-radius: 20%;
    animation-duration: 90s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
  }
  
  .ColorBubbles_bubble1__oSyB_ {
    width: 500px;
    height: 400px;
    background-color: #366706;
    animation-name: ColorBubbles_move1__P3oTi;
    opacity: 0.5;
    box-shadow: 0 0 40px 5px #366706;
  }

  .ColorBubbles_bubble2__vme3B {
    width: 500px;
    height: 400px;
    background-color: #9AAF9D;
    animation-name: ColorBubbles_move3__FR6Ol;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #9AAF9D;
  }

  .ColorBubbles_bubble3__CGRi2 {
    width: 400px;
    height: 300px;
    background-color: #F87802;
    animation-name: ColorBubbles_move2__W4JHB;
    opacity: 0.6;
    box-shadow: 0 0 10px 5px #F87802;
  }
  
  .ColorBubbles_bubble4__NPOzN {
    width: 150px;
    height: 150px;
    background-color: #B8662F;
    animation-name: ColorBubbles_move4__H4qFx;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #B8662F;
  }
  
  .ColorBubbles_bubble5__tkK0c {
    width: 220px;
    height: 120px;
    background-color: #DAD97E;
    animation-name: ColorBubbles_move6__CzYL9;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #DAD97E;
  }
  
  .ColorBubbles_bubble6__sW09i {
    width: 180px;
    height: 280px;
    background-color: #FDDCFE;
    animation-name: ColorBubbles_move5__GURiV;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #FDDCFE;
  }
  
  .ColorBubbles_bubble7___5mYZ {
    width: 180px;
    height: 160px;
    background-color: #89361D;
    animation-name: ColorBubbles_move7__mun_h;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #89361D;
  }

  .ColorBubbles_bubble8__NCGFJ {
    width: 180px;
    height: 160px;
    background-color: #FDFFB9;
    animation-name: ColorBubbles_move9__dsQPx;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #FDFFB9;
  }

  .ColorBubbles_bubble9__XrUwn {
    width: 180px;
    height: 160px;
    background-color: #B8662F;
    animation-name: ColorBubbles_move9__dsQPx;
    opacity: 0.5;
    box-shadow: 0 0 10px 5px #B8662F;
  }

  @keyframes ColorBubbles_move1__P3oTi {
    0% {
      top: 25%;
      left: 0%;
    }
    100% {
      top: 75%;
      left: 80%;
    }
  }

  @keyframes ColorBubbles_move2__W4JHB {
    0% {
      top: 100%;
      left: 0%;
    }
    100% {
      top: 0%;
      left: 100%;
    }
  }
  
  @keyframes ColorBubbles_move3__FR6Ol {
    0% {
      top: 50%;
      left: 60%;
    }
    100% {
      top: 40%;
      left: 0%;
    }
  }
  
  @keyframes ColorBubbles_move4__H4qFx {
    0% {
      top: 80%;
      left: 20%;
    }
    100% {
      top: 0%;
      left: 80%;
    }
  }
  
  @keyframes ColorBubbles_move5__GURiV {
    0% {
      top: 20%;
      left: 80%;
    }
    100% {
      top: 70%;
      left: 20%;
    }
  }
  
  @keyframes ColorBubbles_move6__CzYL9 {
    0% {
      top: 90%;
      left: 10%;
    }
    100% {
      top: 10%;
      left: 90%;
    }
  }
    
  @keyframes ColorBubbles_move7__mun_h {
    0% {
       top: 90%;
       left: 10%;
     }
     100% {
       top: 10%;
       left: 90%;
     }
   }

     
  @keyframes ColorBubbles_move8__T4zNG {
     0% {
       top: 90%;
       left: 10%;
     }
     100% {
       top: 10%;
       left: 90%;
     }
   }

  @keyframes ColorBubbles_move9__dsQPx {
     0% {
       top: 90%;
       left: 10%;
     }
     100% {
       top: 10%;
       left: 90%;
     }
   }

     
  @keyframes ColorBubbles_move10__zl1DZ {
     0% {
       top: 90%;
       left: 10%;
     }
     100% {
       top: 10%;
       left: 90%;
     }
   }

   /* styles/DynamicTextPage.module.css */

.ColorBubbles_main__qZDT6 {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2em;
  }
  
  .ColorBubbles_main_p__SmpGI {
    font-size: 1.5rem; /* Initial font size */
    max-width: 80%; /* Limit text width */
  }
  
  @media (min-width: 768px) {
    .ColorBubbles_main_p__SmpGI {
      font-size: 2rem; /* Adjust font size for larger screens */
    }
  }
  
  @media (min-width: 1024px) {
    .ColorBubbles_main_p__SmpGI {
      font-size: 2.5rem; /* Further adjust font size for even larger screens */
    }
  }
  
  /* Add more media queries as needed for different screen sizes */