body { background: #738577; color: #b1ffd1; }
a { color: #00ffea; }
p { margin: 4px; }

code {
    font-weight: bolder;
    
    background-color: #1f1212c5;
    border-radius: 2px;

    padding: 4px;
}

canvas {
    position: absolute;

    /* Position */
    top: 0%;
    left: 50%;

    transform: translate(-50%, 0%);
    image-rendering: pixelated;
    filter: blur(0px);
    z-index: -1;

    /* Resize */
    width: 133.333333vh;
    max-width: 100vw;
    aspect-ratio: 4/3;
}

.info {
    background: #00000090;
    backdrop-filter: blur(8px);
    max-width: min(600px, 100vw);

    padding: 8px;
    margin: 4px 4px 4px 50%;

    border-radius: 8px;

    transform: translate(-50%, 0%);
}

.keynote {
    opacity: 50%;
    font-size: small;
}