@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";html,body{height:100%;margin:0;padding:0;--spotify-color: #1ED760}body{background:url(bgh.051e79b2019c9cb2.png);background-size:cover;color:#fff;background-attachment:fixed;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{position:fixed;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(30deg,#d71ea088,#1e6ed7aa);background-attachment:fixed;z-index:-5}*{font-family:Roboto,sans-serif}.circle-text{font-size:32px;border-radius:128px;font-weight:800;padding:12px;aspect-ratio:1;background-color:#1ed760}.invert-colors-btn{cursor:pointer;background-color:#1ed760;color:#121212;border:2px solid black;transition:all .2s ease}.invert-colors-btn:hover{background-color:#121212;color:#1ed760;border:2px solid #1ED760;transform:scale(1.07)}.invert-colors-btn:hover fa-icon{color:#1ed760}.section-header{text-align:center;background-color:#333;color:#1ed760;padding:4px 0;font-size:28px;position:relative;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;text-transform:uppercase}.section-header:before,.section-header:after{content:"";position:relative;top:50%;height:3px;flex:1;margin:0 16px;background-color:#1ed760}.section-header:before{left:0}.section-header:after{right:0}.panel-container{height:calc(100vh - 64px)}.pretty-scrollbar::-webkit-scrollbar{width:8px;height:8px}.pretty-scrollbar::-webkit-scrollbar-track{background:#000a}.pretty-scrollbar::-webkit-scrollbar-thumb{background-color:#1ed760;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.pretty-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#1bb14f;border-radius:8px}.pretty-scrollbar::-webkit-scrollbar-corner{background:#000a}.panel-container>:last-child{background-color:#000a}@media screen and (orientation: landscape){.panel-container{display:flex;flex-direction:row}.panel-container>:first-child{flex:7}.panel-container>:last-child{flex:3;height:calc(100vh - 64px)}}@media screen and (orientation: portrait){.panel-container{display:block}.panel-container>:first-child{width:100%}.panel-container>:last-child{position:absolute;z-index:200;inset:64px 0 0}.panel-container>:last-child:not(.active){display:none}}