body {
    display: flex;
    justify-content: center;
    background-color: rgb(0, 0, 0);
    

}

.floaters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}


.tvcontainer {
    position: absolute;
    width: 1000px; /* match TV image */
    height: auto;
}

.screen {
    position: absolute;
    top: 170px;  /* adjust based on your TV screen position */
    left: 320px;
    width: 330px; /* size of the TV screen area */
    height: 240px;
    overflow: hidden;
    z-index: 1;
}

.static {
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.tv {
    position: absolute;
    top: 1000;
    left: 200;
    width: 100%;
    height: auto;
    z-index: 2;
}
.typewriter {
    display: flex;
    position: relative;
    justify-content: flex-start;
}
p {
    color: greenyellow;
    font-family: "Alumni Sans Pinstripe", Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-inline: auto;
    overflow: hidden;
    white-space: nowrap;
    border-right: 1px solid;
    animation: typing 3s steps(22) forwards,
    blink 1s step-end infinite;
}


@keyframes typing {
    from{ 
        width: 0px;
    }

    to {width:180px 
    }
}

@keyframes blink {
    50% {
        border-color: rgb(255, 255, 255);
    }
}