div#form20, div#form30, div#form40, #youwon {
    margin-top: 170px;
    display: none !important;
}
div#gameover {
    display: block !important;
}
#scoreboard {
    margin-top: 35px !important;
}
.custom-share-game b {
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
    font-family: 'Poppins';
    font-size: 14px;
    text-align: left;
}

.custom-share-game > b {
    margin-bottom: 25px;
    display: block;
    font-weight: 700;
    font-family: 'Poppins';
    font-size: 20px;
    text-align: left;
    line-height: 26px;
    color: #E74613;
}
.game-top-content h3 {
    font-size: 38px;
    color: #E74613;
    font-weight: 500;
    padding: 0;
}
.shopify-section.flappi-pulse
{
  background:url('/cdn/shop/files/Starry_Bg.png?v=1665636504');
}
.how-to-play-section ul {
    margin-bottom: 30px;
}
.custom-share-game .social-icons {
    text-align: left;
    margin-top: 20px;
}
#PageContainer .shopify-section {
    overflow: hidden;
}
.finalwave
{
  display:none !important;
}
.flappi-pulse-wrap canvas {
    position: absolute;
    /*max-width: 350px;*/
}
div#game {
   margin: 25px auto;
    max-width: 100%;
   /* border: 3px solid #f3dc70;
    height: 628px;*/
}
/*.game_wrapper
{
  border: 5px solid #e74714;
    max-width: 366px;
    margin: 25px auto;
}*/

.rules-play:hover
{
  cursor:pointer;
}
.rules-play a {
    text-decoration: underline;
}
.hero--small .hero__image, .slideshow--small .slideshow__image {
    height: 237px;
}
.game-top-content {
   max-width: 740px;
    margin: 25px auto 30px auto;
    text-align: left;
    padding: 0 20px;
}
.game-top-content ul {
    margin-left: 20px !important;
      margin-bottom: 15px;
}
.game-top-content > p {
    border-bottom: 0px solid #000923;
    padding-bottom: 5px;
    margin-bottom: 0;
}
p.how-to-play {
    font-size: 28px;
    color: #000923;
    margin-bottom: 25px;
}
.game-top-content li {
     font-size: 17px;
    line-height: 22px;
    padding-bottom: 15px;
    list-style: disc;
    display: list-item;
    width: auto;
    text-align: left;
    font-weight: 500;
}
.game-top-content h3 {
    text-transform: inherit;
}
.flappi-pulse-wrap canvas {
  position: absolute;
}
#shopify-section-ready-to-find-your-match {
    display: none;
}
.ctn {
  position: relative;
  width: 360px;
  height: 640px;
  margin: 0 auto;
}

#scoreboard {
      position: absolute;
    top: 518px;
    width: 360px;
    text-align: center;
    font-size: 50px;
    color: #fff;
}

#start-screen {
  position: absolute;
  top: 20px;
}
.game_wrapper
{
   border: 4px solid #E74714;
}
#game
{
  border: 4px solid #F3DC70;
}
#gameover-screen {
  visibility: hidden;
  position: absolute;
  width: 360px;
  height: 640px;
  opacity: 0;
  transition: opacity 1s;
  text-align: center;
  
}
#gameover
{
  font-family: Poppins,sans-serif;
  font-weight: 500;
}
#youwon {
  font-size: 26px;
    margin-top: 140px;
    position: absolute;
    width: 100%;
    font-weight: 700;
    color: #FFF6F2;
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
 

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

#gameover {
    width: 240px;
    background-color: #F53300;
    color: #FFF6F2;
    padding: 10px 20px;
    letter-spacing: 1px;
    margin: auto;
    margin-top: 200px;
    line-height: 38px;
    font-size: 28px;
    border-radius: 40px;
    font-weight: 700;
}
div#form20,div#form30,div#form40 {
    margin-top: 170px;
}

#form20 .needsclick .needsclick,#form30 .needsclick .needsclick,#form40 .needsclick .needsclick{
     font-size: 20px !important;
     max-width: 300px !important;
     /*padding-right:0px !important;*/
   margin:0 auto !important;
      line-height: 14px !important;
}
#form20 form.needsclick > .needsclick  > .needsclick,#form30 form.needsclick > .needsclick  > .needsclick,#form40 form.needsclick > .needsclick  > .needsclick{
    display: block !important;
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
  
}
#form20 .needsclick button,#form30 .needsclick button,#form40 .needsclick button {
    background: #F3DC70 !important;
    max-width: 100%;
    padding: 0px 0px 0 0px !important;
    margin: 0 !important;
    width:300px !important;
  color: #000923 !important;
}

#form20 .needsclick input.needsclick,#form30 .needsclick input.needsclick,#form40 .needsclick input.needsclick {
    max-width: 100% !important;
    width: 300px !important;
    font-size: 16px !important;
}
  
#form20 .needsclick span.ql-font-poppins,#form30 .needsclick span.ql-font-poppins, #form40 .needsclick span.ql-font-poppins {
    color: #FFF6F2 !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 0 0 -10px !important;
    font-family:'Work Sans'!important;
}
div#shareIcons {
    margin: 0 auto 20px auto;
    text-align: center;
}
#replay {
    width: 100%;
    background-color: #333333;
    color: #FFF6F2;
    padding: 10px 20px;
    font-size: 20px;
    letter-spacing: 4px;
    transition: background-color 1s;
    max-width: 140px;
    position: absolute;
    bottom: 200px;
    text-align: center;
    margin: 0 auto;
    left: calc(50% - 70px);
}

#replay:hover {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
}
.needsclick p span {
    color: #FFF6F2 !important;
  font-size: 20px !important;
}
#ctrl-ctn {
  position: absolute;
  top: 300px;
  left: 80px;
  opacity: 1;
  transition: opacity 1s;
}
.p-rich_text_section span {
    color: #FFF6F2 !important;
    font-size: 20px !important;
}
.ctrl-btn {
  background-color: #333333;
  color: #FFF6F2;
  text-align: center;
  font-size: 18px;
  padding: 8px 16px;
  margin: 10px;
}
#start_button:hover
{
  cursor:pointer;
}
div#start_button,#replay {
    background: #F3DC70;
    color: #000923;
    font-size: 24px;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: 700;
    text-transform: uppercase;
  letter-spacing: 2px;
}
.custom-share-game a.social-icon {
    font-size: 22px;
    margin: 0 15px;
    padding-bottom: 20px;
    color: #af836b;
}
.custom-share-game {
    text-align: center;
    margin-bottom: 15px;
}
p.rules-play b {
    font-size: 16px;
}
.game_wrapper_main {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
    margin: 45px 0;
}
div#game {
    margin: 0 auto;
    max-width: 100%;
}
.game-top-content h3 {
    text-transform: inherit;
    text-align: center;
}
.game_wrapper {
    order: 1;
}

@media (max-width: 1680px) {
  .hero--small .hero__image, .slideshow--small .slideshow__image {
      height: 200px;
  }
}
@media (max-width: 1480px) {
  .hero--small .hero__image, .slideshow--small .slideshow__image {
      height: 180px;
  }
}
@media (max-width: 1024px) {
  .hero--small .hero__image, .slideshow--small .slideshow__image {
      height: 107px;
  }
}

@media (max-width: 767px) {
.game-top-content {
    padding: 0 5px;
}
  .ctn {
    position: relative;
    width: 338px;
    height: 601px;
    margin: 0 auto;
}
  .flappi-pulse-wrap canvas {
    position: absolute;
    max-width: 330px !important;
}
  #gameover-screen {
    width: 332px;
    height: 600px;
  }
  #scoreboard {
    position: absolute;
    top: 490px;
    width: 332px;
  }
  .game-top-content ul {
        margin-left: 0 !important;
    margin-bottom: 15px;
  }
  .how-to-play-section {
    text-align: center;
}
  .game-top-content li {
    text-align: center;
  }
  .game-top-content li:before {
    content:'';
  }
  .game-top-content li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #000;
    left: calc(50% - 4px);
    top: -18px;
    border-radius: 10px;
}
  .game-top-content li:first-child:before {
    display: none;
}
  .game-top-content li {
        position: relative;
    font-size: 17px;
    line-height: 22px;
    list-style: none;
    display: list-item;
    width: auto;
    font-weight: 500;
    padding-bottom: 30px;
}
.custom-share-game .social-icons {
    text-align: center;
    margin-top: 20px;
}
  p.rules-play b {
    font-size: 18px;
    text-align: center;
}
  .custom-share-game > b {
    text-align: center;
  }
 .game-top-content h3 {
    font-size: 22px;
    color: #E74613;
    font-weight: 500;
    padding: 0;
    max-width: 236px;
    margin: 0 auto;
}
.game_wrapper_main {
    margin: 25px 0;
}
.game_wrapper_main {
    flex-direction: column;
}
  .game_wrapper {
    order: 0;
    margin: 0 auto;
}
  #replay {
    bottom: 140px;
  }
  .hero--small .hero__image, .slideshow--small .slideshow__image {
      height: auto;
  }
  .hero__image--background, .slideshow__image--background {
    max-width: 100%;
  }
  .mega-title--medium {
      font-size: 24px;
      margin-bottom: 0 !important;
  }
}