body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #171717; 
    color: white; 
    font-family: 'Courier New', Courier, monospace;
}

.hero {
    border-right: .1em solid white; 
    font-size: 2em;
    padding: 0.5em;
    white-space: nowrap;
    overflow: hidden; 
    position: relative;
    z-index: 2; 
    animation: blinkCursor 0.75s step-end infinite;
}

@keyframes blinkCursor {
    from, to { border-color: transparent }
    50% { border-color: white; }
}

canvas {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
}