/* Hero */
.hero {
    position : relative;
    height   : 100dvh;
    overflow : hidden;
}
.hero-content {
    position   : relative;
    z-index    : 3;
    text-align : center;
}

.digital-rain-container {
    position       : absolute;
    inset          : 0;
    pointer-events : none;
    z-index        : 2;
    overflow       : hidden;
    user-select    : none;
}
.digital-rain-column {
    position         : absolute;
    height           : 100%;
    color            : '#FFFFFF';
    font-family      : 'Courier New', Courier, monospace;
    font-size        : 1.2rem;
    line-height      : 1;
    white-space      : nowrap;
    writing-mode     : horizontal-tb;
    text-orientation : upright;
    animation        : digital-rain-fall linear infinite;
}

@keyframes digital-rain-fall {
    0%   { transform : translateY(0%); }
    100% { transform : translateY(200%); }
}

/* Screenshot */
.img-screenshot {
    height : 512px;
}