*{box-sizing:border-box}body{margin:0;background-color:#ff6f77;font-family:montserrat;display:flex;justify-content:center;height:100vh}.hide{display:none}.main{width:800px;flex-direction:column}.main,.top{display:flex}.top{width:100%;justify-content:space-evenly}.graphics img{border-radius:8px;box-shadow:0 0 50px 20px hsla(0,0%,46.7%,.72);height:70vh;width:60vw}.graphics{padding:30px 40px}header h3{font-weight:400;padding:20px;margin:0 0 0 10vw;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;color:#fff}.highlight h2{font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;font-size:5vh;margin-top:6vh;margin-left:6vh;width:100%;color:#fff;text-align:center;border-bottom:12px solid#ffdee3;padding-bottom:10vh}.actions{padding:10px;background:#3a3a3a;display:flex;flex-direction:row;border-radius:3px}.actions button{background:none;border:none;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;height:22px}.playlist{font-family:fantasy;background:#e3e3e3;margin-top:50vh;margin-right:8vw;border-radius:8px;height:50vh;width:17vw}.selected{background:#fff}.playlist .header{padding:20px}.songContainer{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pltext{padding:5px}.loi{margin:0;list-style:none;padding:10px}.loi li{padding:4px 0;font-weight:450}.songlist{overflow-y:scroll;height:271px}.song{padding:10px}.controls{display:flex;flex-direction:row;margin-top:60px;margin-bottom:85px;height:80px;width:100%;background:#ff3334;color:#fff;align-items:center;position:relative}.vlme{display:flex;align-content:center;overflow:hidden;width:25px;transition:all .5s;position:absolute;left:0}.vlme:hover{width:90px}.volum{padding:10px}#volBar{padding:0;margin:0;width:50px;background:transparent}#volBar::-moz-range-thumb{height:10px;width:3px;background:#2a6586;border-radius:5px;cursor:pointer}.musicControls{margin-left:90px}.musicControls span{cursor:pointer}.musicControls span:hover{color:#ff6f77}.play{background:#4aa9de;padding:15px 18px;border-radius:100%;box-shadow:0 0 2px rgba(0,0,0,.25);position:relative;z-index:3}.play:active{box-shadow:0 0 0 transparent}.play:hover{box-shadow:0 0 2px rgba(0,0,0,.4)}.prev{border-radius:10px 0 0 10px;padding-left:15px;padding-right:10px;margin-right:-5px}.next,.prev{background:#4aa9de;z-index:1}.next{border-radius:0 10px 10px 0;padding-right:15px;padding-left:10px;margin-left:-5px}.progressb{display:flex;justify-content:space-evenly;align-items:center;width:490px;margin-left:20px}#prgbar{background:transparent;width:350px}.plsoptions{display:flex;justify-content:space-evenly;flex:1 1}.plsoptions span{cursor:pointer}.plsoptions span:hover{color:#2a6586}.plsoptions span.active{color:#204d68}.currentT,.totalT{width:35px}input[type=range]{-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#4aa9de;border-radius:5px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:13px;width:4px;border-radius:50px;background:#2a6586;cursor:pointer;-webkit-appearance:none;margin-top:-4px}input[type=range]:focus::-webkit-slider-runnable-track{background:#4aa9de}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#4aa9de;border-radius:5px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:13px;width:4px;border-radius:50px;background:#2a6586;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:#4aa9de;border:0 solid #000;border-radius:10px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{box-shadow:0 0 1px #000;border:0 solid #000;height:13px;width:4px;border-radius:50px;background:#2a6586;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#4aa9de}.plsoptions{justify-self:flex-end}
/*# sourceMappingURL=main.86c865e2.chunk.css.map */