@import url("https://fonts.googleapis.com/css2?family=DotGothic16&display=swap");body{margin:0;display:grid;grid-template-rows:25vh 50vh 23vh;grid-template-columns:25% auto 20%;overflow:hidden;background-image:url("../media/dj-assets/radio-bg.png");background-color:#d8bdf1;background-repeat:no-repeat;background-size:cover;background-position:center;font-family:"DotGothic16", sans-serif;color:#2a0e43}.cd-container{grid-row:2/3;grid-column:2/3;width:min-content;margin:0 auto;height:100%}.cd-container #cd-player{animation-play-state:paused;border-radius:100%;width:95vh;filter:opacity(0%)}#records-container{grid-column:3/4;grid-row:1/4;display:block;padding:3em 0;margin:1em 0;height:80%;overflow-y:scroll;background:url("../media/dj-assets/cd-bg.jpg");background-size:cover}#records-container img{display:block;margin:0 auto;width:10em}#records-container img:not(:last-child){margin-bottom:.5em}#help{background-color:#be74cb;margin:.5em;padding:.5em;vertical-align:top;color:#fcf1fe;border-radius:.5em;font-size:10pt;height:fit-content}#help button{border-radius:.5em;border:none;background-color:#fcf1fe;font-family:"DotGothic16", sans-serif;display:block;margin:0 auto}#ruby{padding:0 .25em;grid-column:1/2;grid-row:3/4;display:flex}#ruby p{background-color:#fcf1fe;margin:.5em;padding:.5em;display:inline;vertical-align:top;border:.25em dotted #d254e8;border-radius:.5em;font-size:10pt}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}