body{background:#000;color:#fff;font-family:proxima-nova,"Helvetica Neue",Helvetica,Arial,"Lucida Grande","Lucida Sans",Tahoma,sans-serif}#container{max-width:720px; width:720px;height:720px;margin:0 auto;border:1px solid #000;position:relative}#container.last_played{background:#111}h1{font-family:myriad-pro,'Gill Sans','Gill Sans MT',Calibri,'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;font-size:18px;margin-top:0;margin-bottom:10px;color:#8D9194;font-weight:400;text-transform:uppercase}
.artwork {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150%;
    opacity: 0.5;
    filter: blur(80px);
    -webkit-filter: blur(80px);
    height: 110vh;
    width: 110vw;
    position: absolute;
    left: -10%;
    top: -10%;
    overflow: hidden;
}.art_image{width:500px;border-radius:6px;position:relative;z-index:2;margin-top:30px;box-shadow:0 0 20px 4px rgba(0,0,0,.7)}#main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track{font-weight:700;font-size:32px;margin-top:4px;margin-bottom:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center}.artist{font-size:28px;margin-bottom:4px;color:#F4F4F4;text-align:center}.album{font-size:20px;color:#8D9194;font-weight:100;text-align:center;font-style:italic;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.number{font-weight:100;margin-top:7px;font-size:13px;text-transform:uppercase;color:#8D9194;text-align:center}.user{font-family:myriad-pro,'Gill Sans','Gill Sans MT',Calibri,'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;font-weight:700;font-size:32px;margin:13px 0 0 20px}.list{margin-left:20px;position:relative;font-family:myriad-pro,'Gill Sans','Gill Sans MT',Calibri,'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif;color:#D0D0D0}.stat_box{background-color:#1C1C1E;border-radius:8px;padding:9px 10px 10px 14px;margin:11px 0 20px 20px;float:left;width:calc(50% - 54px);height:140px;color:#D0D0D0;text-transform:uppercase;font-size:13px;font-weight:700;display:flex;justify-content:center;align-items:center;position:relative}.stat_box:last-of-type{margin-right:20px}.stat_box .track{font-size:24px;text-transform:none;color:#fff;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:0}.stat_box .scrobbles{margin-top:0;font-size:45px;color:#fff;text-align:center}.stat_box .artist{margin-top:8px;text-transform:none;font-size:16px;color:#8D9194}.stat_box .header{position:absolute;top:0;left:0;margin:10px 0 0 15px}.albums{margin-top:20px;margin-left:53px}.top_albums{width:130px;margin-left:16px;margin-bottom:10px;border-radius:6px;box-shadow:0 0 10px 4px rgba(0,0,0,.7)}


/*
#lit_quote {

}
*/
#lit_quote em {
    font-weight: 900;
    color: orangered;
    font-style: normal
}

#time {
    max-height: 720px;
}


#main_text {
    width: 80vw;
    max-width: 720px;
    max-height: 720px;
    margin: auto; 
    color: #e3e3e3;
    font-family: 'Merriweather', Times, serif;
}

cite {
    float: right;
    padding-left: 10vw;
    font-size: 2.3vw;
}
cite #book{
    font-style: normal;
}

#bottom {
    height: 10px; 
    width: 90%;
    position: fixed; 
    bottom:2%;
    color: dimgray;
    padding-left: 40px;
    padding-right: 0px;

}
#bottom a, a:visited {
    color: rgb(66, 66, 66)
}

#github {
    display: inline;
    padding-right: 5px;
}

#bottom span {
    padding-left: 5px;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: dimgray;
}

/* dark theme */
body.dark {
    background: #181A1B;
}

body.dark #lit_quote em {
    color: orangered;
}

body.dark #main_text, body.dark #bottom {
    color: rgb(166, 158, 146);
}

body.dark #bottom a, a:visited {
    color: rgb(190, 185, 176);
}
/* Smooth fade transition */
.fade {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
}

.hidden {
    opacity: 0;
    pointer-events: none; /* Prevent interactions when hidden */
}