body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:FreePixel;src:url(/static/media/FreePixel.b3fd2f77.ttf)}html{overflow:auto}body{font-family:"FreePixel","Proxima Nova",sans-serif;font-size:16px;line-height:1.5}h1,h2{font-size:2em}h3{font-size:1.5em;text-transform:uppercase}h1,h2,h3{letter-spacing:.05em;font-weight:900;margin:.3em 0;line-height:1}p{margin:.3em}div{box-sizing:border-box}.button-wrapper{border:1px solid #848382;display:inline-block;margin:5px}.button{font-family:"FreePixel";font-size:14px;background:#f9eded;border:2px outset #fff;padding:2px 15px;cursor:pointer;transition:.5s}.button a{text-decoration:none}.button:active{border:2px inset snow}.App{position:relative}.App>div{background:url(/static/media/pastel.86aa747d.jpeg);background-size:cover}.start-bar{position:absolute;left:0;bottom:0;width:100%;height:35px;background:#eae9e7;border:2px outset #fff;padding:2px}.start-bar .start-button{width:80px;border:2px outset #fff;box-shadow:1px 1px #000;text-align:center;display:flex;align-items:center;justify-content:center;height:100%}.start-bar .start-button span{font-size:14px;font-weight:600}.start-bar .start-button img{width:15px;margin-right:5px}.start-descrip p{margin:0 0 .5em;font-size:14px}.start-descrip a{color:#000}.wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.genres-wrapper{width:800px;height:550px;position:relative}.playlist-wrapper{display:flex;flex-wrap:wrap;max-width:1000px;width:85%;margin:0 auto;justify-content:center}.playlist{text-align:center;margin:1em;box-sizing:border-box}.playlist img{width:200px;height:200px;object-fit:cover}.folder-indent{margin-left:7px;border-left:1px solid #000}.folder-line{width:10px;border-bottom:1px solid #000;margin-right:5px;height:7px}.folder-wrapper{display:flex;align-items:flex-start;margin-bottom:.1em}.folder-wrapper img{width:15px;height:15px;margin-right:5px}.folder-wrapper .playlist-name{cursor:pointer;font-size:14px;margin:.1em}.folder-wrapper .folder-placeholder{display:flex;align-items:flex-start;width:100%;box-sizing:border-box}.folder-wrapper .folder-placeholder.selected{outline:2px solid #cef0df}.folder-wrapper .folder-placeholder p{text-align:left;margin-top:0;line-height:1.3}#login img{width:100px}#login .content-window{padding:25px}#login .window-nav-bar ul li:after{content:"";position:absolute;width:5px;left:5px;bottom:4px;border-bottom:1px solid #000}#credits .content-window{text-align:left;width:300px;height:150px}#credits-link{cursor:pointer}#credits-link:hover{text-decoration:underline}#playlists{width:400px;z-index:10;position:absolute;top:0;left:0;z-index:1}#playlists .content-window{height:500px;background:#fff;background-size:cover}#featured{width:350px;position:absolute;top:50px;right:0;height:auto;z-index:5}#featured .content-window{width:100%;height:400px;display:flex;flex-direction:column;align-content:center;justify-content:center}#featured .content-window a{color:#000;text-decoration:none}#featured .content-window a:hover h3{text-decoration:underline}.main-window{border:2px outset #d8d6d5;padding:3px;background:#eae9e7;box-shadow:1px 1px 3px rgba(0,0,0,.3)}.window-title-bar{font-family:"FreePixel";background:linear-gradient(90deg,#fd69f3,#1cb1fa);width:100%;padding:7px 10px;position:relative;border:1px solid #cacdcc}.window-title-bar p{margin:0;font-size:12px;font-weight:600;letter-spacing:1px;color:#fff}.window-title-bar .close{position:absolute;right:5px;top:4px;background:#eae9e7;border:2px outset #d8d6d5;padding:0 3px;font-size:12px;color:#000;cursor:pointer;font-family:"Verdana";font-weight:100}.window-title-bar .close:active{border:2px inset #d8d6d5}.inner-window,.window-nav-bar{background:#eae9e7}.window-nav-bar{width:100%;padding:0 0 3px;border-bottom:1px solid #848382}.window-nav-bar ul{margin:0;padding:0}.window-nav-bar ul li{display:inline-block;font-size:12px;text-transform:capitalize;padding:0 5px;position:relative}.address-bar{display:flex;flex-direction:row;align-items:center;font-size:12px;padding:3px 0;border-top:2px solid #fff}.address-bar .url{height:25px;flex-grow:1;background:#fff;border:2px inset #d8d6d5;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-window{background:#f9eded;border:2px inset #d8d6d5;padding:10px;text-align:center;overflow-y:scroll}.content{height:150px;text-align:center;padding:20px 10px}.bottom-bar{width:150px;margin:2px 5px 1px;border:1px inset #fff}.bottom-bar p{margin:0;font-size:12px}.loading-bar{display:inline-block;width:300px;background:#f9eded;height:25px;margin:0;border:2px inset #d8d6d5}.loading-bar .loading-bar-inner{background:linear-gradient(90deg,#faf5b2,#f7b4c3 33%,#cfd2ea 70%,#cee2e0);height:100%;animation:expand 1.5s ease-in}.genres{color:#2131c9;margin:0}@keyframes expand{0%{width:0}to{width:100%}}@media only screen and (max-width:800px){.wrapper{padding:1em}}@media only screen and (max-width:600px){#login{width:100%}.wrapper{padding:1em}.genres-wrapper{width:100%;display:flex;align-items:center;justify-content:center;height:100%}#featured,#playlists{position:relative;width:100%}#featured{left:10px;top:15px}.popup-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1em;position:absolute}.loading-bar{width:100%}.playlist{margin:.3em}.playlist img{max-width:100%}}@media only screen and (max-height:600px){h1{font-size:1.5em}#login img{width:60px}#playlists{left:-10px}#playlists .content-window{height:300px}#featured{left:20px}#featured .content-window{height:300px}.playlist img{width:150px;height:150px;margin-top:15px}}
/*# sourceMappingURL=main.c7ce8680.chunk.css.map */