@import url(https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Gemstones&display=swap);:root{--active-color:#cdcde0}body{background-color:#cdcde0;background-color:var(--active-color);font-family:PT Sans Narrow,sans-serif;transition:background .4s ease}.App{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 1rem)}.colorBackdrop{background:linear-gradient(45deg,#cdcde0 20%,transparent) no-repeat;background:linear-gradient(45deg,var(--active-color) 20%,transparent 100%) no-repeat;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.colorBackdrop.playing{-webkit-animation:colorChange 20s infinite alternate;animation:colorChange 20s infinite alternate}@-webkit-keyframes colorChange{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}@keyframes colorChange{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.merryChristmas{-webkit-animation:effect 2s linear infinite;animation:effect 2s linear infinite;color:transparent;font-family:Rubik Gemstones,cursive;font-size:6rem}@-webkit-keyframes effect{0%{background:linear-gradient(#edabab,#f44336);-webkit-background-clip:text}to{background:linear-gradient(#fff,#fff);-webkit-background-clip:text}}@keyframes effect{0%{background:linear-gradient(#edabab,#f44336);-webkit-background-clip:text}to{background:linear-gradient(#fff,#fff);-webkit-background-clip:text}}.musicPlayer{background-image:linear-gradient(rgba(51,23,132,.4),rgba(51,23,132,.4)),url(https://cdn.pixabay.com/photo/2017/07/13/20/11/turntable-2501761_960_720.jpg);background-size:cover;border-radius:1rem;box-shadow:0 2rem 2rem rgba(0,0,0,.2);height:25rem;width:25rem}.albumAndArtistName{align-items:center;color:#fff;display:flex;flex-direction:column;padding-top:2rem}.albumAndArtistName h4{font-size:1.5rem;margin:0}.albumAndArtistName p{margin:.4rem 0 0}.musicProgress{display:flex;justify-content:center;margin-top:10rem}.musicProgress .seekSlider{-webkit-appearance:none;appearance:none;background:#fff;border-radius:1rem;height:.5rem;opacity:.7;transition:opacity .2s;width:90%}.musicProgress .seekSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:1.5rem;width:1.5rem}.musicProgress .seekSlider:hover{opacity:1}.playerControls{align-items:center;color:#fff;display:flex;justify-content:center;margin-top:2rem}.playerControls .prevTrack{cursor:pointer;margin-right:3rem;opacity:.8;transition:opacity .2s}.playerControls .prevTrack:hover{opacity:1}.playerControls .playOrPauseTrack{cursor:pointer;opacity:.8;transition:opacity .2s}.playerControls .playOrPauseTrack:hover{opacity:1}.playerControls .nextTrack{cursor:pointer;margin-left:3rem;opacity:.8;transition:opacity .2s}.playerControls .nextTrack:hover{opacity:1}
/*# sourceMappingURL=main.16a46b1e.css.map*/