* {
      font-family: GayaTrial !important;
      color: rgba(251, 40, 40, 0.79);
      box-sizing: border-box;
    }

    body {
      background-image: url(/8567414905_a753291f1d_b.jpg);

      background-position: top;
      background-repeat: no-repeat;
    }

    @font-face {
      font-family: GayaTrial;
      src: url("gayatrial-regular.otf");
    }
    @font-face {
      font-family: GayaTrial-Italic;
      src: url("gayatrial-italic.otf");
    }

    @font-face {
      font-family: "Bickham Script Pro Regular";
      font-style: normal;
      font-weight: normal;
      src: local("Bickham Script Pro Regular"),
        url("Bickham Script Pro Regular.ttf") format("truetype");
    }

    .text {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      font-size: 3vw;
    }

    #smor {
      width: 180px;
      height: auto;
      z-index: 10;
      position: absolute;
    }
    #live {
      text-align: end;
    }
    sup {
      font-size: 0.4em;
      font-family: "Times New Roman", Times, serif !important;
    }

    span {
      font-family: "Bickham Script Pro Regular" !important;
      letter-spacing: 0px;
      line-height: 0.4em;
    }
    p {
      font-family: GayaTrial !important;
      margin: 0;
    }

    a {
      text-underline-offset: 4pt;
      text-decoration-thickness: 2pt;
    }

    .DJ {
      text-align: center;
      font-size: 20px;
      margin: auto;
      line-height: 0.8;
      z-index: 100;
    }

    .banner {
      text-align: center;
      font-size: 12vw;
      margin-left: auto;
      margin-right: auto;
      line-height: 7.8vw;
      margin-top: 2vw;
    }
    h1 {
      font-family: GayaTrial !important;
      margin: 0;
    }

    button {
      font-size: 1.8vw;
      padding: 10px 20px;
      cursor: pointer;
      border: 2px solid black;
    }

    .container {
      margin-left: auto;
      margin-right: auto;
      max-width: fit-content;
      text-align: center;
      margin-top: 15vh;
    }

    @keyframes rotate {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    .rotated-image {
      animation-name: rotate;
      animation-duration: 8s;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }
    footer {
      padding: 20px;
      bottom: 0;
      position: fixed;
      width: 100%;
    }

    @media (max-width: 600px) {
      .banner {
        font-size: 7vw;
        line-height: 6vw;
        margin-top: 4vw;
      }
      .pop_up_attention {
        position: fixed !important;
        top: 10px !important;
        left: 50% !important;
        background-color: rgba(233, 200, 12, 0.95) !important;
        padding: 10px 12px !important;
        z-index: 1000 !important;
        font-size: 7.5vw !important;
        text-align: center !important;
        max-width: 90% !important;
        color: rgb(0, 0, 0) !important;
        transform: translateX(-50%) !important;
      }

      .text {
        margin-top: 30px;
        font-size: 7vw;
        text-align: center;
        display: block;
        columns: unset;
        grid-template-columns: unset;
      }

      button {
        font-size: 5vw;
        padding: 12px 24px;
        border-width: 2px;
      }

      .container {
        margin-top: 5vh;
        padding: 0 10px;
        max-width: 100%;
      }

      #live {
        text-align: center !important;
        font-size:;
    }

      .text {
        margin-top: 50px;
        columns: 1 300px;
        font-size: 10vw;
        text-align: center;
        display: block;
        justify-content: unset;
      }

      button {
        font-size: 3vw;
        padding: 10px 20px;
        cursor: pointer;
        border: 2px solid rgba(251, 40, 40, 0.79);
        color: rgba(251, 40, 40, 0.79);
        background-color: rgba(212, 211, 211, 0.918);
      }

      * {
        color: rgba(212, 211, 211, 0.918); /* Override color for better visibility on small screens */
      }

      span {
        font-family: "Bickham Script Pro Regular" !important;
        font-size: 30vw;
        overflow-wrap: break-word;
        hyphens: auto;
        letter-spacing: -1px;
        line-height: 18vw;
      }
      .container {
        margin-left: auto;
        margin-right: auto;
        max-width: fit-content;
        text-align: center;
        margin-top: 10vh;
      }
      #live {
        text-align: center !important;
      }
      footer {
        padding: 10px;
        bottom: 0;
        position: fixed;
      }
    }

    .pop_up_attention {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: rgba(245, 210, 9, 0.9);
      padding: 15px 25px;
      z-index: 1000;
      font-size: 1.2vw;
      text-align: center;
      max-width: 80%;
    }