#howtowin {
    position: relative;
    z-index: 10;
    background-size: cover;
    height: 100svh;
    overscroll-behavior: none; /* Prevent overscrolling */
}
#htwTitle{position:absolute;top:7svh;height:8svh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
#DailyPrizehtw{position:absolute;top:20vh;height:55svh;left:30%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
#GrandPrizehtw{position:absolute;top:20vh;height:55svh;left:60%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
#MobilePrizeHtW{position:absolute;top:26vh;height:50svh;left:77%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain; cursor: pointer;}
#MobilePrizeHtW:hover {
    opacity: 1.2;
    transform: translateX(-50%) scale(1.05);
}
#grandPrizeHtwMobile{display: none;}
#mobilePrizes{width: 14svw;}
#tnctitle{position: relative; width: auto; object-fit: contain;}

    #artist{
      height: 100svh;
      top: 60svh;
      position: relative;
    }
    #titleartistimg{
      height: 13svh;
      top: 10svh;
      left: 50%;
      transform: translateX(-50%);
      object-fit: contain;
      position: relative;
    }
    #artist1 {
      width: 20svw;
      left: 50%;
      top: 26svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: absolute;
      transition: transform 0.3s ease, background-color 0.3s ease;
    }
    #artist1:hover {
      transform: translateX(-50%) scale(1.05);
      /* background-color: rgba(0, 0, 0, 0.5); */
    }

    #artist2 {
      width: 17svw;
      left: 25%;
      top: 50svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: absolute;
      transition: transform 0.3s ease, background-color 0.3s ease;
    }
    #artist2:hover {
      transform: translateX(-50%) scale(1.05);
      /* background-color: rgba(0, 0, 0, 0.5); */
    }

    #artist3 {
      width: 17svw;
      left: 75%;
      top: 51svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: absolute;
      transition: transform 0.3s ease, background-color 0.3s ease;
    }
    #artist3:hover {
      transform: translateX(-50%) scale(1.05);
      /* background-color: rgba(0, 0, 0, 0.5); */
    }
    #htwtnccontent{
      z-index: 99;
      width: 90svw;
      left: 50%;
      /* top: 95svh; */
      position: absolute;
      bottom: 61px;
      z-index: 3;
      font-size: 15px;
      color: white;
      text-align: center;
      transform: translateX(-50%);
    }
    #buttonswipe {
      height: 5svh;
    
      object-fit: contain;
      animation: bounce 1.5s infinite cubic-bezier(0.25, 1, 0.5, 1);
    }

    @keyframes bounce {
      0%, 100% {
      transform: translateY(0);
      }
      50% {
      transform: translateY(-10px);
      }
    }
@media print,screen and (max-width:40em){
    #howtowin {
        position: absolute;
        z-index: 10;
        background-size: cover;
        overflow-y: auto;
        margin-bottom: 3vh;
        overscroll-behavior: none; /* Prevent overscrolling */
    }
    #htwTitle{position:absolute;top:12svh; height:5svh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
    #DailyPrizehtw{position:absolute;width: 73svw; top:18svh;height:46vh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
    #GrandPrizehtw{display: none; }
    #MobilePrizeHtW{ position:absolute;top:109vh;height:28vh;left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain; z-index: 10;}
    #grandPrizeHtwMobile{ display: block; position:absolute;top:68svh;height:80vh;width: 73svw; left:50%;transform:translateX(-50%);z-index:1;opacity:1;object-fit: contain;}
    #mobilePrizes{width: 30svw;}
    #tnctitle{position: relative; width: 49svw; object-fit: contain;}
    .htwtnccontent{
      position: relative;
      margin-top: 139svh;
    }


    #artist{
      height: 120svh;
      top: 0svh;
      position: relative;
    }
    #titleartistimg{
      height: 6svh;
      top: 10svh;
      left: 50%;
      transform: translateX(-50%);
      object-fit: contain;
      position: relative;
    }
    #artist1{
      width: 50svw;
      left: 50%;
      top: 10svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: relative;
    }
       #artist2{
     width: 40svw;
      left: 50%;
      top: 10svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: relative;
    }
       #artist3{
     width: 40svw;
      left: 50%;
      top: 10svh;
      padding-bottom: 15svh;
      transform: translateX(-50%);
      object-fit: contain;
      position: relative;
    }
    #buttonswipe {
      height: 4svh;
      margin-top: 4svh;
      object-fit: contain;
      animation: bounce 1.5s infinite cubic-bezier(0.25, 1, 0.5, 1);
    }
}





#tncapplyhtw{
  position: relative;
  width: 45svw;
  left: 50%;
  top: 30svh;
  font-size: 15px;
  color: white;
  text-align: center;
  transform: translateX(-50%);
  
}
@media print,screen and (max-width:40em){
  #howtowin{position:relative;z-index:10;background-size:cover;height: 100svh;}

    #tncapplyhtw{
        position: absolute;
        width: 70svw;
        left: 50%;
        top: 120svh;
        font-size: 10px;
        color: white;
        text-align: center;
        transform: translateX(-50%);
        
      }

}