main {
    width: 60em;
    margin: 5em auto 0;
    position: relative;
}
#mainDiv {
    width: 45em;
    position: relative;
    z-index: 2!important;
}
#mainDiv > .inner {
    height: 35em;
}
#mainDiv > .inner > p {
    margin: 0.55em;
    width: 29em;
}
#mainDiv > .inner > p:first-child {
    width: 23.3em;
}
#sotwCont {
    width: 30em;
    position: absolute;
    font-size: 1em;
    top: 2.5em;
    right: -14.5em;
    z-index: 99;
    padding: 0;
}
#sotw {
    margin: 0;
    width: 100%;
}
.songOfTheWeekLink {
    display: block;
    background: linear-gradient(180deg,rgba(165, 243, 230, 1) 0%, rgba(149, 225, 237, 1) 100%);
    width: 25em;
    text-decoration: none!important;
    margin: 0.25em;
    border: 4px ridge #361D2E;
    border-radius: 1em;
    height: 9.4em;
    text-transform: lowercase;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
    font-size: 0.95em;
    position: relative;
    z-index: 1;
}
.songOfTheWeekLink:hover {
    scale: 98%;
    rotate: 0.5deg;
}
.songOfTheWeekLink .content img {
    width: 8em;
    border: 3px ridge #361D2E;
    margin: 0 0.5em;
    float: left;
    position: relative;
    z-index: 1;
}
.songTitle {
    font-family: owb;
    font-weight: bold;
    font-size: 1.3em;
    margin: 0.4em 0.4em 0.1em auto;
    text-transform: uppercase;
    filter: drop-shadow(1px 1px 0 #361D2E) drop-shadow(-1px 1px 0 #361D2E) drop-shadow(0 -1px 0 #361D2E) drop-shadow(1px 0 #361D2E);
    text-shadow: 0px 0px 2px #361D2E;
    color: #F0ECA2;
    width: 11.6em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.songArtist {
    font-style: italic;
    font-size: 1.05em;
    color: #361D2E!important;
    position: relative;
    z-index: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 14.5em;
}
.songArtist::before {
    content: '';
    margin-left: 0.2em;
}
.quote {
    margin: 0.1em 0.4em 0 auto;
    width: 57%;
    height: 4.6em;
    background: #bdfff4;
    border-radius: 1em;
    padding: 0.3em 0.5em;
    line-height: 1em;
    overflow: auto;
    color: #361D2E!important;
    position: relative;
    z-index: 1;
    scrollbar-width: auto;
    scrollbar-color: #361D2E #bdfff400;
}
.quote::-webkit-scrollbar {
    width: 16px;
}
.quote::-webkit-scrollbar-track {
    background: #bdfff400;
}
.quote::-webkit-scrollbar-thumb {
    background-color: #361D2E;
}
.flashWarning {
    position: absolute;
    z-index: 99;
    right: 1em;
    bottom: -0.27em;
    background: #F0ECA2;
    font-style: normal;
    padding: 0.2em 0.8em;
    border-radius: 1em 1em 0 0;
    border: 4px ridge #361D2E;
    color: #751300!important;
    font-size: 0.9em;
}
#listening {
    width: 20em;
    position: absolute;
    font-size: 1em;
    top: 18em;
    right: -12em;
}
#listening .inner {
    height: 18em;
    text-transform: lowercase;
    overflow: auto;
}
#listening .header {
    display: none;
}
#listening .music-row {
    background: linear-gradient(90deg,rgba(165, 243, 230, 1) 0%, rgba(165, 243, 230, 1) 75%, rgba(240, 236, 162, 0) 99%);
    height: 3.5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0.45em;
    border-radius: 0.75em 0.75em 0;
}
#listening .music-row:last-child {
    margin-bottom: -1em;
}
#listening .music-row img {
    height: 2.75em;
    margin: 0.3em 0.5em;
}
#listening .music-row div {
    max-width: 70%;
    max-height: 3.8em;
    padding-right: 0.2em;
    overflow: hidden;
    font-style: italic;
    color: #361D2E;
}
#listening .music-row a {
    font-style: normal;
    color: #361D2E!important;
}
#listening h3 {
    background-image: url(https://novalite.rest/siteImage/starbg.jpg);
    background-size: 3em;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(1px 1px 0 #751300) drop-shadow(-1px 1px 0 #751300) drop-shadow(0 -1px 0 #751300) drop-shadow(1px 0 #751300);
    font-weight: bold;
    display: block;
    margin: 1.3em 0.6em 0.25em;
}
#favorites {
    position: absolute;
    z-index: 2;
    bottom: 0.65em;
    left: 0.65em;
    width: 33.5em;
    font-size: 0.85em;
}
#favorites .inner {
    height: 10.5em;
    overflow: auto;
}
table {
    width: 100%;
    border-spacing: 0.2em;
    color: #751300;
    margin: 0;
}
td {
    text-align: left;
    padding: 0.4em 0.3em 0.4em 0.3em;
    line-height: 1.2em;
}
td span {
    text-shadow: 0px 0px 2px #FFC616;
    color: #751300;
    padding: 0.05em 0.5em;
    letter-spacing: 0.05em;
    border-radius: 0.8em;
    background: url("https://novalite.rest/siteImage/starbg.jpg");
    background-size: 2em;
    border: 3px ridge #ff6702;
    margin: 0.2em 0.4em 0.2em 0;
    font-size: 0.9em;
    vertical-align: 0.1em;
}
.navTab {
    position: absolute;
    height: 1em;
    border-radius: 0 0 0.8em 0.8em;
    background: url("https://novalite.rest/siteImage/starbg.jpg");
    background-size: 2em;
    border: 4px ridge #ff6702;
    border-top: none;
    padding: 0.2em 0.5em;
    bottom: -1.81em;
    left: 9.5em;
    cursor: pointer;
}
.navTab:last-child {
    left: 13.5em;
}
.navTab.active {
    position: absolute;
    height: 1em;
    border-radius: 0 0 0.8em 0.8em;
    background-color: #f2d98d;
    background-image: none;
    border: 4px ridge #ff6702;
    border-top: 5px solid #f2d98d;
    padding: 0.2em 0.5em;
    cursor: default;
}
#MusicHistory {
    margin: 0.25em;
}
#imgA {
    position: absolute;
    bottom: -1em;
    left: -9em;
    z-index: -1;
    pointer-events: none;
    width: 18em;
}
#imgB {
    position: absolute;
    right: -2em;
    top: -2em;
    width: 7em;
    z-index: 99;
    pointer-events: none;
}
#imgC {
    position: absolute;
    right: 8em;
    top: -4em;
    width: 8em;
    pointer-events: none;
    z-index: -1;
    transform: rotate(-15deg);
}
#imgD {
    left: -10.5em;
    top: 20em;
    width: 15em;
    rotate: -105deg;
    position: absolute;
    z-index: 0;
    pointer-events: none;
}
#imgE {
    position: absolute;
    right: -2em;
    bottom: 4em;
    width: 5em;
    pointer-events: none;
    z-index: 0;
    transform: rotate(25deg);
}
#imgF {
    position: absolute;
    right: -1em;
    bottom: 9em;
    width: 3em;
    pointer-events: none;
    z-index: 0;
    transform: rotate(-10deg);
}
#imgG {
    position: absolute;
    z-index: 99;
    width: 10em;
    pointer-events: none;
    left: -3.5em;
    top: -3.5em;
    transform: rotate(-32deg);
}
#back {
    font-family: starshine;
    font-size: 3em;
    background-image: url("https://novalite.rest/siteImage/starbgh.gif");
    background-size: contain;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 4px;
    -webkit-text-stroke-color: #361D2E;
    filter: drop-shadow(1px 1px 0 #F0ECA2) drop-shadow(-1px 1px 0 #F0ECA2) drop-shadow(0 -1px 0 #F0ECA2) drop-shadow(1px 0 #F0ECA2);
    position: relative;
    z-index: 999;
    letter-spacing: 0.15em;
    width: fit-content;
    text-decoration: none!important;
    margin: 0.2em auto 0;
    display: block;
    text-align: center;
    transform-origin: center;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
}
#back:hover {
    cursor: pointer;
    scale: 103%;
    rotate: 2deg;
    letter-spacing: 0.2em;
}
#archive {
    position: absolute;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    right: -2.2em;
    top: 8em;
    position: absolute;
    border-radius: 0 0.8em 0.8em 0;
    background: url("https://novalite.rest/siteImage/starbg.jpg");
    background-size: 2em;
    border: 4px ridge #ff6702;
    border-left: none;
    padding: 0.5em 0.2em 0.5em 1.4em;
    cursor: pointer;
    color: #751300!important;
    text-decoration: none!important;
    z-index: -1!important;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(.22, 2.06, .11, .69);
    letter-spacing: 0.05em;
    font-size: 1.1em;
}
#archive:hover {
    right: -3em;
}