*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Lato",sans-serif}h1,h2,h3{color:#363636}h3,h4{font-weight:400;color:#646464}.modaloverlay{background:rgba(0,0,0,.8);bottom:0;left:0;position:fixed;right:0;top:0;transition:all .5s ease;z-index:10}.modaloverlay .modal{background-color:#fff;max-height:80vh;min-height:75vh;position:relative;margin:15% auto;padding:3em;overflow-y:scroll;width:100%;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media(min-width:60em){.modaloverlay .modal{margin:5% auto;max-height:75em;max-width:66em;width:65%}}.modaloverlay .modal>div,.modaloverlay .modal>iframe{border:none;width:100%;height:100%}.modaloverlay .close{background-color:#40e0d0;color:#fff;font-size:24px;padding:8px 12px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;z-index:1}.addSong{flex-direction:column}.addSong,.addSong .button{display:flex;justify-content:center;align-items:center}.addSong .button{background:#40e0d0;padding:11px 50px;color:#fff;font-size:20px;border:1px solid #40e0d0;border-radius:10px;cursor:pointer}.addSong .button,.addSong .inputBox{text-align:center;box-sizing:border-box}.addSong .inputBox{width:100%;padding:15px;border-radius:13px;border:1px solid #ccc;font-size:18px;margin:10px 0}@media(min-width:60em){.addSong .inputBox{width:70%}}.addSong .songCover{width:150px;height:150px;border-radius:50%;display:block;align-self:center;margin:10px 0}.addSong .file-name{position:relative;line-height:30px;padding:5px;box-sizing:border-box;font-size:15px;vertical-align:middle;width:70% px;border:2px solid #dbdbdb;border-radius:12px;height:calc(2em + .75rem + 2px);width:210px;overflow:hidden}@media(min-width:60em){.addSong .file-name{width:365px}}.addSong .btn{border:none;border-radius:4px;box-sizing:border-box;padding:2px 10px;transition:all .6s;font-size:15px;vertical-align:middle;margin-left:1rem}.addSong .check{font-size:18px;margin-bottom:15px}.addSong .check input{height:16px;width:16px;margin-top:3px}.d-flex{display:flex}.mv-10{margin:10px 0}.noSong{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30%}.noSong button{padding:.5rem 4rem;margin-top:15px;border-radius:10rem;font-size:16px;cursor:pointer;transition:.3s}.noSong button:hover{background-color:#000;color:#fff}@media(min-width:60em){.noSong{margin-top:5%}}
/*# sourceMappingURL=main.2211d0e9.chunk.css.map */