@font-face {
    font-family: 'lukashandwritingmedium';
    src: url('https://lemory.kucdinteractive.com/content/font/LukasHandwriting.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
    blockquote {
        margin: 0px 0px 0px -24px;
        padding: 0px;
    }
    blockquote.rando img {
        width: 250px!important;
        }
    .rando img {
        width: 250px!important;
        /*filter: saturate(0%);*/}
    .rando img:hover {
        filter: none;
        rotate:-3deg}
    .books img {
        filter:none!important;
    }
    /*td {max-width: 100px;}*/
    tr {
        display: inline-block; 
        max-height: 120px;}
    body {
        margin:0px; 
        background: linear-gradient(rgb(241 82 145),rgb(63,241,233));}
    .container {
        display: flex; 
        flex-wrap:wrap;
        width: 100%;
        justify-content: center;}
    div.container div {
        max-width:175px; 
        max-height:175px;
        overflow:visible; 
        z-index: 3;
        display: flex;
        flex-flow: column;
        justify-content: center;}
    div.chunk div {
        margin: 20px;
    }
    .audio-player {
        position: fixed;
        z-index: 5; 
        width: 100%; 
        display: flex; 
        flex-flow: column;
        justify-content: 
        flex-end; 
        height: 100%;}
    @media screen and (max-width: 767px) { 
        iframe.spotify-player {
            height: 250!important;
        }
        div.container div {
        max-width:100px; 
        max-height:100px;}

        blockquote.rando img {
        width: 175px!important;}
    .rando img {
        width: 175px!important;
}
    }
    .backgrounds {
        position:fixed;
        width: 100%;
        height: 100%;
        z-index: 0!important;
        top:0;
        margin:-60px;
    }
    .bg {
        width:100%;
        opacity: 1;
        min-height:100%;
    }
    .headline-array img {
        z-index: 5;
        width: 500px!important;
    }
    #headlines {
        max-width: 429!important;
        z-index: 5;
    }
    #spotify-tracks {
        z-index: 6;
        max-width: 300px;
        rotate: -4deg;
    }
    .albums {
        z-index: 5!important;
    }
    .albums img {
        max-width:325px!important;
    }
    #books {
        z-index: 4!important;
    }
    .title {
        position: sticky;
        z-index:6!important;
        display: flex;
        flex-flow: row;
        justify-content: center;
        display:none;
    }
    .title img {
        width:85%;
    }
    button.print {
        background-image:url(https://lemory.kucdinteractive.com/content/motifs/floppyDisk.png);
        position: absolute;
        right: 263px;
        font-size: 16px;
        background-color: rgba(255,255,255,0);
        height: 117px;
        width: 152px;
        top: 30px;
        border: none;
        background-size: contain;
        background-repeat: no-repeat;
    }
    button:hover {
        cursor: pointer;
    }
    button.print:hover {
        rotate: 10deg;
    }
    .background-jazz {
        z-index: 2;
        position: fixed;
        right: -100px;
        height: 357px;
        display: flex;
        rotate: 8deg;
        top: -20px;
        mix-blend-mode: multiply;
    }
    .foreground-jazz {
        z-index: 7;
        position: fixed;
        left: -80px;
        height: 224px;
        display: flex;
        rotate: 199deg;
        bottom: -30px;
        mix-blend-mode: multiply;
    }
    .ipod-gif {
        z-index: 1;
        width: 88%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -277px;
        min-height:112px;
    }
    .tv-gif {
        width: 229px;
        z-index: 2;
        margin-left: 35px;
        mix-blend-mode: screen;
        height:190px;
    }

    button.refresh {
        border: none;
        background-image: url(https://lemory.kucdinteractive.com/content/motifs/smallCorner-01.png);
        background-repeat:no-repeat;
        background-size: auto;
        background-position: top right;
        position: absolute;
        margin-right:-10px;
        top: 0px;
        right: 0px;
        z-index: 9999;
        font-size: 30px;
        text-align:center;
        padding: 10px;
        height: 300px;
        width: 300px;
        background-color: rgba(255,255,255,0);
        text-align: center;
        justify-content: flex-end;
        display: flex;
        font-family: 'lukashandwritingmedium', Arial, sans-serif;
        color:blueviolet;
    }
    button.refresh:hover {
        background-size: 116%;
        background-position: top right;
    }
    button.refresh p {
        rotate: 12deg;
        margin:10px 3px;
        line-height:.75em!important;
        mix-blend-mode: color-burn;
        height:125px;
    }
    .imageCycle1 {
        background:url(https://lemory.kucdinteractive.com/content/background/background-04.webp);
        background-repeat: repeat!important;
        background-size: cover;
    }
    .imageCycle2 {
        background:url(https://lemory.kucdinteractive.com/content/background/background-06.jpg);
        background-repeat: repeat!important;
        background-size: cover;
    }
    .imageCycle3 {
        background:url(https://lemory.kucdinteractive.com/content/background/background-09.png);
        background-repeat: repeat!important;
        background-size: cover;
    }
    .december2023 {
        background: #fffcf2;
        color: #2a1240;
        display: table-cell;
        font-size: 18px;
        text-align: center;
        padding: 17px;
        rotate: 6deg;
    }
    .december2023 h1 {
        font-size: 18px!important;
    }
    .december2023 h3 {
        margin: 0!important;
        font-size:14px!important;
    }