@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@800&display=swap);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}.App{text-align:center;background-color:#dedede;min-height:100vh;-webkit-flex-direction:column;flex-direction:column;font-size:calc(10px + 2vmin)}.App,.nav-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav-bar{overflow:hidden;min-width:95vw;min-height:15vh;max-height:15vh;-webkit-justify-content:space-between;justify-content:space-between;background-color:#5c465d;position:fixed;z-index:1}.nav-bar ul{display:-webkit-flex;display:flex;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.nav-bar ul::-webkit-scrollbar{display:none}.nav-bar ul li{list-style-type:none}.nav-bar ul li a{color:#dedede;text-decoration:none;display:block;padding:1.5em;font-size:1.5rem;font-family:"Open Sans",sans-serif;text-transform:uppercase}.nav-bar ul li a:hover{font-weight:bolder}.logo{width:20%;padding-left:2%}.logo-mobile{display:none}.table-container{padding-top:18vh;overflow:scroll}.song-table{width:80vw;font-family:"Open Sans",sans-serif;color:#5c465d;border-collapse:separate;border-spacing:15px}.col1{width:30vmin}.song-position-number{font-size:4rem;font-weight:bolder;background:-webkit-linear-gradient(#f54f87,#5c465d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.song-title{font-weight:bolder}.song-cover img{box-shadow:0 4px 8px 0 #f54f87,0 6px 20px 0 #f54f87;margin:1rem}audio{width:50vmin;height:2.2rem;margin:2rem}audio::-webkit-media-controls-panel{background-color:#bba8ae}@media screen and (max-width:768px){table,tbody,td,th,tr{display:block}td{position:relative;font-size:1.8rem}td:before{position:absolute;white-space:nowrap}.nav-bar{width:100%;min-height:10vh;max-height:10vh}.logo{display:none}.logo-mobile{display:inline;width:12%;padding-left:2%;z-index:2}.nav-bar ul{padding:0;margin-left:10%}.nav-bar ul li a{font-size:1.2rem;padding:1rem 1.5em}.nav-bar ul li{width:100%;float:none}}
/*# sourceMappingURL=main.6860489b.chunk.css.map */