body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.dark{background-color:#000!important;color:#fff}.white{background-color:#fff}*{margin:0;padding:0;box-sizing:border-box}.App{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-top-left-radius:30px;border-top-right-radius:30px;border:10px solid #7ab08f;border-bottom:none;margin:auto}.App-bg{height:400px;width:500px;background-image:linear-gradient(180deg,#7ab08f,#31a85f)}.App-buttons{background-color:transparent;height:inherit;width:80%;border:130px solid #000;border-radius:60%;margin:auto;position:relative}.button-menu{position:absolute;color:#7ab08f;top:-90px;left:-70px;height:120px;width:300px;font-size:1.7em;cursor:pointer;padding-top:30px}.button-right{width:125px;right:-110px;padding:30px}.button-left,.button-right{position:absolute;color:#7ab08f;height:110px;top:30px;font-size:1.5em;cursor:pointer}.button-left{width:130px;left:-110px;padding-top:30px}.button-play{color:#7ab08f;height:100px;width:300px;bottom:-110px;left:-75px;padding:30px}.button-ok,.button-play{position:absolute;font-size:1.5em;cursor:pointer}.button-ok{background-color:#103d2a;height:130px;width:130px;border-radius:60%;top:5px;left:5px}.button-up{top:-125px}.button-down,.button-up{position:absolute;color:#000;left:270px;height:auto;width:auto;font-size:2.2em;cursor:pointer}.button-down{top:-85px}.button-dark{position:absolute;color:#000;top:-85px;left:-150px;height:auto;width:auto;font-size:2.2em;cursor:pointer}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.screen{height:300px;width:500px;border:5px solid #000;margin:auto;border-top-left-radius:10px;border-top-right-radius:10px;overflow-y:overlay;overflow-x:hidden}.screen-bg{height:250px;width:600px;background-image:url(/static/media/spotify.ab9c1220.jpg);background-size:contain;background-repeat:no-repeat;background-position:50%;-webkit-animation:slidein 3s ease-in 1s running;animation:slidein 3s ease-in 1s running}.screen-left-side{float:left;background-color:#fff;z-index:10}.screen-right-side{float:right;height:255px;width:240px}.left-title{font-size:2em;margin-bottom:15px}ul{list-style:none}ul>li{height:50px;width:250px;padding:15px}li>i{float:right;color:#fff}.active{background-color:#00f;-webkit-animation:slidein 4s linear 1s infinite alternate;animation:slidein 4s linear 1s infinite alternate}.song-img{height:100px;width:100px;color:red}.s-img{height:inherit;width:inherit}@media (min-width:768px){.col-md-6{width:50%}.col-m-auto{margin:auto}}@-webkit-keyframes slidein{0%{-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes slidein{0%{-webkit-transform:scaleX(.8);transform:scaleX(.8)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.row{margin-top:5px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.song-img{height:200px;width:200px;color:#07726d;background-size:contain;margin:5px 0}.song-title{display:inline;float:left}.song-heart{display:inline;float:right;color:#e0072b}.song-container{margin:13px 0}.s-img{height:200px;width:200px;border-radius:5%}.a-img{border-radius:10%}.a-img,.artist-img{height:150px;width:200px}.artist-img{border-radius:40%}.playlist-img{height:150px;width:200px}.song-overflow{overflow:scroll}@media (min-width:300px){.col-md-6{width:50%}.col-m-auto{margin:auto}}.player-container{position:relative}.player-image{height:350px;width:350px}.player{height:50px;background-color:rgba(0,7,5,.562);position:-webkit-sticky;position:sticky;bottom:30px}.margin{position:relative;margin-left:auto}.player>.fas{color:#fff;font-size:2em;margin-top:auto;top:5px;position:relative}.audiobtn{border:none;color:#fff;background-color:transparent;font-size:35px;cursor:pointer}
/*# sourceMappingURL=main.0665151e.chunk.css.map */