/* Cool effect taken from: https://www.tyleo.com/html-glass.html */
.glass {
    /* Blur effect */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    box-shadow:
        /* Bottom and right depth effect */
            inset -0.75px -0.5px rgba(255, 255, 255, 0.1),
                /* Top and left depth effect */
            inset +0.75px +0.5px rgba(255, 255, 255, 0.025),
                /* Shadow effect */
            3px 2px 10px rgba(0, 0, 0, 0.25),
                /* Short subsurface effect */
            inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025),
                /* Long subsurface effect */
            inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);

    /* Allow children to fill the parent */
    position: relative;

    /* Round the corners */
    border-radius: 5px;

    /* Hide the corners of the header */
    overflow: hidden;
}