html,
body {
    background-color: black;
    color: white;
    font-family: Verdana;
    margin: 0;
    padding: 0;
    /* overflow: hidden; */
}

#tv {
    display: block;
    position: fixed;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* ------------ header ------------- */
#header{
    position:fixed;
    top:1rem;                  /* ↓ move it down a bit          */
    left:50%;                  /* center horizontally            */
    transform:translateX(-50%);/* …by pulling it back ½ its width*/
    
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;                  /* space between the words        */

    padding:0.75rem 1.5rem;    /* vertical | horizontal padding  */
    width:max-content;         /* only as wide as its contents   */
    background:rgba(60,60,60,.15);
    backdrop-filter:blur(4px); /* optional glassy blur           */
    border-radius:.5rem;       /* rounded corners (optional)     */
    z-index:10;
}

#header p {
    margin: 0;
    font-weight: bold;
    letter-spacing: 0.05em;
    font-stretch: 110%;
}

/* gap now handles spacing; no need for margin-right */
#header span{
    display:inline-block;
}

/* ------------ make the FISH label larger --------- */
#fish p{
    font-size:1.4em;           /* adjust to taste */
}