.splash{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;background-image:linear-gradient(to right bottom,#131313 0,rgba(124,0,255,.2) 30%,rgba(124,0,255,.2) 70%,#131313)}.splash .heading{font-family:"Raleway",sans-serif;font-size:40px;text-transform:uppercase;letter-spacing:5.6px;line-height:48px;margin-bottom:40px}.splash .ui.primary.button.login-button{background-color:#1db954;border-radius:24px;font-weight:400}body{background-color:#1f2129;font-family:"Lato",sans-serif}.ui.segment.masthead{background-image:linear-gradient(180deg,#7c00ff,#c26fff);height:216px;border:none;border-radius:0;overflow:hidden}.masthead h1.ui.header a{color:#fff;font-family:"Raleway",sans-serif;font-size:20px;letter-spacing:1px;line-height:24px;text-align:center;text-transform:uppercase}.masthead img{width:181px;position:absolute;bottom:-22px;left:66%}.masthead .button{background-color:#7c00ff;border-radius:14.5px;box-shadow:0 2px 4px 0 rgba(0,0,0,.05);width:78px;height:29px;cursor:pointer;color:#fff;font-size:14px;line-height:17px;text-align:center;padding-top:6px;position:absolute;top:10px}.masthead .corner{position:absolute;top:0;width:240px;height:127px}.masthead .corner:before{background:rgba(0,0,0,.8) none repeat scroll 0 0;content:"";height:127px;position:absolute;width:240px}.masthead .corner.left{left:0}.masthead .corner.left:before{left:-160px;transform:skew(-63deg)}.masthead .corner.left .button{left:10px}.masthead .corner.right{right:0}.masthead .corner.right:before{right:-160px;transform:skew(63deg)}.masthead .corner.right .button{right:10px}.pageHeader{position:absolute;top:85px;left:0;width:100%;text-align:center;color:#fff;font-size:48px;line-height:58px;padding-bottom:48px}.ui.cards{margin-top:5rem}.ui.cards>.card{background:transparent;box-shadow:none;-webkit-box-shadow:none}.ui.cards>.card>.image>img{border-radius:14px}.ui.cards a.card:hover,.ui.link.card:hover,.ui.link.cards .card:hover,a.ui.card:hover{transform:scale(1.03);background:none;box-shadow:0 1px 10px 0 #000;border-radius:14px}.content{position:absolute;top:70%;width:100%;font-size:16px;font-weight:700}.content,.pageSubHeader{color:#fff;text-align:center}.pageSubHeader{margin-top:3rem;margin-bottom:3rem;font-weight:500}.item{color:#fff}.itemContainer{display:flex;align-items:center;justify-content:space-between;flex-basis:100%;margin:8px 0}.revealedTrackContainer{font-size:16px}.placeHolderContainer .albumArt,.revealedTrackContainer .albumArt{display:flex;flex:1 1 8%;align-items:center}.revealedTrackContainer .albumArt img{width:52px}.placeHolderContainer .artist,.revealedTrackContainer .artist{flex:1 1 25%;padding-left:1rem}.placeHolderContainer .songTitle,.revealedTrackContainer .songTitle{flex:1 1 62%;padding-left:1rem;font-weight:600}.placeHolderContainer .songYear,.revealedTrackContainer .songYear{flex:1 1 5%;padding-left:1rem}.placeHolderContainer .albumArt button{width:52px;height:52px;background-color:hsla(0,0%,84.7%,.11)}.placeHolderContainer .albumArt button:hover{background-color:hsla(0,0%,84.7%,.31)}.placeHolderContainer .albumArt button i{color:#efeaff}.placeHolderBar{background-color:hsla(0,0%,84.7%,.11);width:75%;height:20px}.selectedTrackContainer{height:200px}.selectedTrackContainer .buttons{width:50%;display:flex;justify-content:space-evenly}.selectedTrackContainer .buttons button{width:98px;height:68px}.selectedTrackContainer .buttons button.ui.basic.inverted.selected{color:#fff!important;box-shadow:inset 0 0 0 2px #fff!important}.selectedTrackContainer .buttons button div{line-height:18px}.selectedTrackContainer .revealButton{background-color:#44d7b6;color:#fff;width:138px;height:54px;font-size:1.4em}.selectedTrackContainer .revealButton:hover{background-color:#40bba0;color:#fff}.ui.button.bigPlayTrackButton{background-color:#502871;border-radius:10px;width:150px;height:150px;color:#efeaff}.ui.button.bigPlayTrackButton:hover{background-color:#41215c}.ui.icon.button div{letter-spacing:.93px;line-height:12px;font-weight:lighter;font-size:10px;margin-top:18px}#bars{display:inline-block;position:relative;width:150px;height:48px}.bar{background:red;bottom:0;height:3px;position:absolute;width:9px;-webkit-animation:sound 0ms linear -.8s infinite alternate;animation:sound 0ms linear -.8s infinite alternate}@-webkit-keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:30px}}@keyframes sound{0%{opacity:.35;height:3px}to{opacity:1;height:30px}}.bar:first-child{left:3px;-webkit-animation-duration:474ms;animation-duration:474ms}.bar:nth-child(2){left:15px;-webkit-animation-duration:433ms;animation-duration:433ms}.bar:nth-child(3){left:27px;-webkit-animation-duration:407ms;animation-duration:407ms}.bar:nth-child(4){left:39px;-webkit-animation-duration:458ms;animation-duration:458ms}.bar:nth-child(5){left:51px;-webkit-animation-duration:.4s;animation-duration:.4s}.bar:nth-child(6){left:63px;-webkit-animation-duration:427ms;animation-duration:427ms}.bar:nth-child(7){left:75px;-webkit-animation-duration:441ms;animation-duration:441ms}.bar:nth-child(8){left:87px;-webkit-animation-duration:419ms;animation-duration:419ms}.bar:nth-child(9){left:99px;-webkit-animation-duration:487ms;animation-duration:487ms}.bar:nth-child(10){left:111px;-webkit-animation-duration:442ms;animation-duration:442ms}.bar:nth-child(11){left:123px;-webkit-animation-duration:422ms;animation-duration:422ms}.bar:nth-child(12){left:135px;-webkit-animation-duration:.43s;animation-duration:.43s}.ui.divided.list>.item{border-top:1px solid rgba(234,236,238,.15)}.trackIndex{width:24px;margin-right:1rem;text-align:right}
/*# sourceMappingURL=main.b75e8f52.chunk.css.map */