style.css

:root {
    --ngiBlue:#007bff;
    --ngiDarkBlue:#0056b3;
    --ngiLightBlue:#e7ecf7;
    --ngiLGray:#e5e5e5;
    --ngiMGray:#A6CBCF;
    --ngiDGray:#212529;
    --ngiBlack:#183c55;
    --shiki-color-text: #A6CBCF;
    --shiki-color-background: #2e2e2e;
}

.headline {
    font-style: normal;
    font-size: 1.2rem;
    font-weight: bold;
    font-display: swap;
}

.vidcontent {
    position: relative;
    margin: 0 auto;
}

.vidcontent video {
    width: 100%;
    display: block;
}

.vidcontent span {
    content: '';
    position: absolute;
    top: 65%;
    right: 0;
    bottom: 0;
    left: 5%;
    font-size: 50pt;
    background-color: var(--ngiBlue);
    background-image: linear-gradient(45deg, var(--ngiMGray) 10%, var(--ngiBlue) 50%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}

.time {
    color: var(--ngiDarkBlue);
    background-color: var(--ngiLightBlue);
}

.read {
    color: var(--shiki-color-text);
    background-color: var(--shiki-color-background);
}