@media (max-width: 480px) {
    h2 {
        font-size: 12px;
    }

    #siteTitle {
        font-size: 25px;
        top: 0px;
    }
    #siteLogo {
        max-width:50px;
        top: -25px;
    }
	#roundContainer {
        margin-top: 2px;
        font-size: 18px;
    } 

    .title-part1 {
        text-shadow: none;
        color: #0ff;
      }
    
      .title-part2 {
        text-shadow: none;
        color: #ffcc00;
      }
      
      .title-part2::after {
        content: "";
        display: block;
        height: 2px;
        width: 80%;
        background: linear-gradient(to right, #ffcc00, #ff8800);
        margin-top: 4px;
        border-radius: 4px;
        box-shadow: 0 0 6px rgba(255, 204, 0, 0.5);
        animation: none !important;
      }
      
      .faq-title {
        font-size: 20px;
      }
      
      .faq-answer {
        font-size: 14px;
      }
      
      .how-to-play-link {
        font-size: 13px;
      }
      
      .how-to-play-link a {
        letter-spacing: 0.5px;
      }
      
      .section-divider .divider-label {
        font-size: 12px;
        padding: 1px 6px;
        letter-spacing: 0.5px;
      }
      
      .footer-left {
        font-size: 12px;
        letter-spacing: 0.5px;
      }
      
      .footer-right img {
        width: 24px;
        height: 24px;
      }
      
      
}