html, body {
      margin: 0;
      padding: 0;
      background: black;
      overflow: hidden;
      height: 100%;
    }
    canvas {
      display: block;
      width: 100vw;
      height: 100vh;
      touch-action: none;
    }
    /* Title */
    #now {
      position: fixed;
      left: 50%;
      bottom: 40px;
      transform: translateX(-50%);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      font-size: 13px;
      letter-spacing: 0.32em;
      font-weight: 400;
      color: rgba(210, 225, 240, 0.55);
      pointer-events: none;
      user-select: none;
      mix-blend-mode: screen;
    }
    
    
    .container-header {
        color:rgba(255,255,255,0.92);
        font-size:18px;
        letter-spacing:0.02em;
        margin-bottom:6px;
    }
    
    .container-warning {
        color:rgba(255,255,255,0.70);
        font-size:13px;
        line-height:1.45;
        margin-bottom:14px;
    }
    
    .container-buttons {
        display:flex;
        gap:10px;
        flex-wrap:wrap;
        margin-bottom:12px;
    }
    
    .container-footer {
        color:rgba(255,255,255,0.55);
        font-size:12px;
        letter-spacing:0.06em;
        margin-bottom:10px;
    }
    
    .cosmic-img {
        max-width: 175px;
        float: right;
        display: block;
        margin-top: 15%;
    }
@media only screen and (max-width: 600px){
    .cosmic-img {
        margin-top: 45%;
    }
}