body, html {
    height: 100%;
    margin: 0;
    position: relative;
    overflow: auto;
}

#background {
    content: "";
    /*background: var(--bg-image) no-repeat center center fixed; */
    background-size: cover;
    opacity: 0; /* Initially set to 0 */
    transition: opacity 5s ease-in-out;  /* This transition will give the fade-in effect */
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: fixed;  /* This will make the div stick to the screen. */
    z-index: -2;   
    width: 100%;
    height: 100%;
}

#recordButtonIcon, #recordButtonTxt {
    display: inline-block;
}