*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Lato",sans-serif}h1,h2,h3{color:#363636}h3,h4{font-weight:400;color:#646464}button{outline:none}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,60.8%,.5) transparent}::-webkit-scrollbar{width:5px;height:100%}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,60.8%,.5);border-radius:20px}.App{transition:all .3s ease}.libraryActive{margin-left:30%}.Song_container__37JYo{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.Song_container__37JYo img{width:20%;border-radius:15%;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.Song_container__37JYo h2{padding:3rem 1rem 1rem}.Song_container__37JYo h3{font-size:1rem}@media screen and (max-width:768px){.Song_container__37JYo img{width:60%}}.Player_player__j4LRq{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.Player_timeControl__3v0HX{width:50%;display:flex;align-items:center}.Player_timeControl__3v0HX .Player_track__1lhi5{width:100%;height:1rem;border-radius:1rem;position:relative;overflow:hidden}.Player_timeControl__3v0HX .Player_track__1lhi5 input{width:100%;cursor:pointer;-webkit-appearance:none;background-color:transparent}.Player_timeControl__3v0HX .Player_track__1lhi5 input[type=range]:focus{outline:none}.Player_timeControl__3v0HX .Player_track__1lhi5 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px}.Player_timeControl__3v0HX .Player_track__1lhi5 input[type=range]::-moz-range-thumb{-webkit-appearance:none;border:none;background:transparent}.Player_timeControl__3v0HX p{padding:1rem}.Player_animateTrack__5WvsE{background:#ccc;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateX(0);pointer-events:none}.Player_playControl__2yl0A{display:flex;justify-content:space-between;align-items:center;padding:1rem;width:30%}.Player_playControl__2yl0A svg{cursor:pointer}@media screen and (max-width:768px){.Player_timeControl__3v0HX{width:100%}.Player_playControl__2yl0A{width:60%}}.Player_playPause__3u1fT,.Player_skipBack__2jL2a,.Player_skipForward__3z2WX{transition:transform .3s ease}.Player_playPause__3u1fT:hover,.Player_skipBack__2jL2a:hover,.Player_skipForward__3z2WX:hover{transform:scale(1.2)}.Player_volumeControls__2hZw1{position:relative}.Player_volumeControls__2hZw1 .Player_iconWrapper__1caA1{width:36px}.Player_volumeControls__2hZw1 .Player_volume__p5Fdn{position:relative;transition:transform .3s ease;cursor:pointer;z-index:5}.Player_volumeControls__2hZw1 .Player_volume__p5Fdn:hover{transform:scale(.8)}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O{background-color:#ccc;border-radius:5px;position:absolute;height:55px;top:0;display:flex;justify-content:flex-start;align-items:center;transform:rotate(-90deg) translateX(80px) translateY(-80px);-moz-transform:rotate(-90deg) translateX(120px) translateY(-120px);z-index:3;padding-left:3rem;padding-right:1rem;opacity:1}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input{cursor:pointer;-webkit-appearance:none;background-color:#fff;border-radius:20px}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]:focus{outline:none}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]::-webkit-slider-runnable-track{width:100%;height:8px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#fff;border-radius:35px;border:0 solid #000}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]::-webkit-slider-thumb{box-shadow:0 0 1px #000;height:16px;width:16px;border-radius:25px;background:#ccc;cursor:pointer;-webkit-appearance:none;margin-top:-4.5px}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#fff;border-radius:35px;border:0 solid #000}.Player_volumeControls__2hZw1 .Player_volumeSlider__3b53O input[type=range]::-moz-range-thumb{box-shadow:0 0 1px #000;border:0 solid #000;border-radius:25px;background:#ccc;cursor:pointer}.Library_library__Su5lv{position:fixed;background-color:#fff;top:0;left:0;width:20rem;height:100%;box-shadow:2px 2px 50px #c8c8c8;overflow:scroll;transform:translateX(-100%);transition:all .5s ease;opacity:0;z-index:1000}.Library_library__Su5lv h2{padding:2rem}.Library_open__3vUmE{transform:translateX(0);opacity:1}@media screen and (max-width:768px){.Library_library__Su5lv{width:100%;z-index:9}}.LibrarySong_container__19xjd{display:flex;align-items:center;padding:1rem 2rem;cursor:pointer;transition:background-color .3s ease}.LibrarySong_container__19xjd img{width:50%;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(.25,.8,.25,1)}.LibrarySong_container__19xjd:hover{background-color:#daf4fd}.LibrarySong_container__19xjd:hover img{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.LibrarySong_songDescription__3JzeN{padding-left:1rem}.LibrarySong_songDescription__3JzeN h3{font-size:1rem}.LibrarySong_songDescription__3JzeN h4{font-size:.7rem}.LibrarySong_selected__6UfrW{background-color:#9ed6e9}nav{min-height:10vh;display:flex;justify-content:space-around;align-items:center}nav button{background:transparent;cursor:pointer;border:2px solid #414141;background-color:#fff;padding:.5rem;transition:all .3s ease}nav button:hover{background:#414141;color:#fff}@media screen and (max-width:768px){nav button{z-index:10}}
/*# sourceMappingURL=main.81747aea.chunk.css.map */