/* ==========================================================
   LANZAR TRANSMISSION DISPLAY
   Atomic Age / Retro Broadcast
   ========================================================== */


/* ==========================================================
   RESET
   ========================================================== */

html,
body {
    width:100%;
    height:100%;
    margin:0;
    overflow:hidden;
    background:transparent;
}


/* ==========================================================
   TRANSMISSION FRAME
   ========================================================== */

.transmission {

    height:100%;

    padding:8px 22px;

    box-sizing:border-box;

    text-align:center;

    font-family:var(--font-body);

    color:var(--deep-navy);

    overflow-y:auto;

    scrollbar-width:thin;

    scrollbar-color:var(--rocket-orange) transparent;

}


/* ==========================================================
   RETRO TERMINAL SCROLLBAR
   ========================================================== */

.transmission {

    scrollbar-width:thin;

    scrollbar-color:
        rgba(42,114,143,.18)
        transparent;

}


.transmission::-webkit-scrollbar {

    width:6px;

}


.transmission::-webkit-scrollbar-track {

    background:transparent;

}


.transmission::-webkit-scrollbar-thumb {

    background:
        rgba(42,114,143,.18);

    border-radius:999px;

}


.transmission::-webkit-scrollbar-thumb:hover {

    background:
        var(--retro-teal);

}

/* ==========================================================
   LABEL
   ========================================================== */

.transmission-label {

    display:block;

    margin-bottom:6px;

    font-family:var(--font-code);

    font-size:.5rem;

    letter-spacing:4px;

    text-transform:uppercase;

    color:var(--rocket-orange);

}



/* ==========================================================
   TITLE
   ========================================================== */

.transmission h1 {

    margin:0 0 8px;

    font-family:var(--font-heading);

    font-size:1.5rem;

    line-height:.95;

    letter-spacing:-.02em;

    text-transform:uppercase;

    color:var(--deep-navy);

}


.transmission h1::after {

    content:"";

    display:block;

    width:35px;

    height:2px;

    margin:8px auto 0;

    background:var(--rocket-orange);

}



/* ==========================================================
   MESSAGE
   ========================================================== */

.transmission p {

    max-width:320px;

    margin:0 auto 8px;

    font-size:.65rem;

    line-height:1.35;

    color:var(--text-secondary);

}



/* ==========================================================
   CLOSING
   ========================================================== */

.transmission .closing {

    margin-top:10px;

    font-family:var(--font-heading);

    font-size:.75rem;

    font-weight:700;

    line-height:1.25;

    color:var(--deep-navy);

}