@import url(https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Yanone Kaffeesatz",sans-serif;background:#f8ffdb;background:linear-gradient(90deg,#f8ffdb,#0a9ce2);color:#223243}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:rgba(34,50,67,.72);border-radius:0 0 3px 0;border-right:1px solid #223243;border-bottom:1px solid #223243}::-webkit-scrollbar-thumb{background:#f8ffdb;border-radius:0 0 3px 0}::-webkit-scrollbar-corner{background:#0c0c0c}.appContainer{height:100vh}.logo-wrap{margin-top:40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.logo-wrap .redux-icon{margin-bottom:20px;color:#f8ffdb;vertical-align:middle;font-size:60px;animation:rotate 2.5s linear infinite}.logo-wrap h1{font-size:50px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form{width:90%;margin:50px auto auto}.form button,.form input,.form select{color:#223243;width:100%;font-size:18px;padding:5px;margin-bottom:2px;border:1px solid #fff;border-radius:3px;outline:none}.form button{color:#223243;font-weight:700}.form button:hover{transition:.25s;background-color:rgba(34,50,67,.433);border:1px solid rgba(34,50,67,.433);color:#f8ffdb;cursor:pointer}.form .genre option,.form .rating option{color:#223243}.songlist-info-wrap{width:90%;margin:60px auto auto}.songlist-info-wrap .list-header{background-color:rgba(34,50,67,.521);padding:5px;border-radius:3px 3px 0 3px}.songlist-info-wrap .list-header .sort-container .select-sort-mobile{display:block}.songlist-info-wrap .list-header .sort-container .select-sort-mobile select{outline:none;padding:3px;border-radius:3px;cursor:pointer}.songlist-info-wrap .list-header .sort-container .select-sort-mobile optgroup{color:#223243}.songlist-info-wrap .list-header .sort-container .sortbox{display:none}.songlist-info-wrap .song-list{width:100%;margin:auto;list-style:none}.songlist-info-wrap .song-list li{position:relative;width:100%;font-size:18px;padding:5px}.songlist-info-wrap .song-list li .li-artist,.songlist-info-wrap .song-list li .li-genre,.songlist-info-wrap .song-list li .li-rating,.songlist-info-wrap .song-list li .li-song-name{display:flex;justify-content:flex-start;align-items:center;color:#000}.songlist-info-wrap .song-list li .li-artist .icon-li,.songlist-info-wrap .song-list li .li-genre .icon-li,.songlist-info-wrap .song-list li .li-rating .icon-li,.songlist-info-wrap .song-list li .li-song-name .icon-li{margin-top:-3px;margin-right:10px;vertical-align:middle;color:#223243}.songlist-info-wrap .song-list li .li-rating{color:#223243;margin-left:3px}.songlist-info-wrap .song-list li .deleteBtn{position:absolute;right:10px;bottom:8px;cursor:pointer}.songlist-info-wrap .song-list li .deleteBtn:hover{transform:scale(1.3);color:#f8ffdb;transition:.2s}.songlist-info-wrap .song-list li:nth-child(odd){background-color:hsla(0,0%,100%,.452)}.songlist-info-wrap .song-list li:nth-child(2n){background-color:rgba(34,50,67,.446)}.footer{width:100%;margin:50px auto auto;background-color:rgba(34,50,67,.411)}.footer .footer-container{width:100%}.footer .footer-container,.footer .footer-container a{display:flex;justify-content:center;align-items:center}.footer .footer-container a{padding:20px;width:33.3vw;color:#223243;text-decoration:none;font-size:20px}.footer .footer-container a .footer-icon{margin-right:5px}.footer .footer-container a:visited{color:#223243}.footer .footer-container a:hover{transition:.35s;background-color:#223243;color:#f8ffdb}.footer .naw{width:100%;text-align:center;padding:30px}.footer .naw .footer-icon{vertical-align:middle;margin-left:5px;margin-right:4px;color:#f8ffdb}@media (min-width:900px){.appContainer{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto 1fr auto;grid-template-rows:auto auto 1fr auto}.form{width:60%}.songlist-info-wrap{width:80%}.songlist-info-wrap .list-header .sort-container{display:block;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4] 50px;grid-template-columns:repeat(4,1fr) 50px;-ms-grid-rows:1fr;grid-template-rows:1fr}.songlist-info-wrap .list-header .sort-container .select-sort-mobile{display:none}.songlist-info-wrap .list-header .sort-container .sortbox{display:block;display:flex;justify-content:flex-start}.songlist-info-wrap .list-header .sort-container .sortbox .icon-li{margin-top:5px}.songlist-info-wrap .list-header .sort-container .sortbox p{color:#f8ffdb;margin-right:5px}.songlist-info-wrap .list-header .sort-container .sortbox select{outline:none;color:#223243}.songlist-info-wrap .song-list{max-height:600px;overflow-y:scroll}.songlist-info-wrap .song-list li{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4] 50px;grid-template-columns:repeat(4,1fr) 50px;-ms-grid-rows:1fr;grid-template-rows:1fr}.songlist-info-wrap .song-list li .li-artist,.songlist-info-wrap .song-list li .li-genre,.songlist-info-wrap .song-list li .li-rating,.songlist-info-wrap .song-list li .li-song-name{display:flex;justify-content:flex-start;align-items:center;color:#000}.songlist-info-wrap .song-list li .li-artist .icon-li,.songlist-info-wrap .song-list li .li-genre .icon-li,.songlist-info-wrap .song-list li .li-rating .icon-li,.songlist-info-wrap .song-list li .li-song-name .icon-li{vertical-align:middle;color:#223243}.songlist-info-wrap .song-list li .li-rating{color:#223243}}
/*# sourceMappingURL=main.9b337118.chunk.css.map */