@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Poppins:ital,wght@0,400;0,600;0,700;1,600&family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300&display=swap);body{background:#8e9eab;background:linear-gradient(270deg,#8e9eab,#eef2f3)}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.music-card{background:#fff;border-radius:10px;box-shadow:9px 7px 37px -6px rgba(0,0,0,.75);height:500px;margin:40px auto;overflow:hidden;position:relative;width:300px}.image{background:url(http://goo.gl/Ztc4c1) no-repeat 75%;background-size:cover;height:300px;opacity:.78;width:300px}.image,.image:after{position:absolute;z-index:1}.image:after{background:linear-gradient(rgba(9,2,4,0),#444);content:"";height:100px;top:200px;width:100%}.wave{background:radial-gradient(#301212,#5e3333);height:750px;left:0;margin-left:-70%;margin-top:-130%;opacity:.6;position:absolute;top:0;width:750px}.wave:nth-child(2),.wave:nth-child(3){top:10px}.playing .wave{-webkit-animation:wave 1s linear infinite;animation:wave 1s linear infinite;border-radius:40%}.wave{-webkit-animation:wave 12s linear infinite;animation:wave 12s linear infinite;border-radius:40%}.playing .wave:nth-child(2){-webkit-animation-duration:1s;animation-duration:1s}.wave:nth-child(2){-webkit-animation-duration:10s;animation-duration:10s}.playing .wave:nth-child(3){-webkit-animation-duration:1s;animation-duration:1s}.wave:nth-child(3){-webkit-animation-duration:10s;animation-duration:10s}.info{bottom:20px;left:0;position:absolute;right:0;text-align:center}.title{color:#333;font-weight:400;margin-bottom:8px;margin-top:20px;text-transform:uppercase}.artist,.title{font-family:Reem Kufi,sans-serif;font-size:1em}.artist{color:grey;letter-spacing:.08em}.fa{bottom:10px;color:#555;cursor:pointer;font-size:16px;position:absolute;right:10px}.fa-play{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App-header{align-items:center;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes App-logo-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-primary:#645cff;--clr-primary-dark:#282566;--clr-primary-light:#a29dff;--clr-grey-1:#102a42;--clr-grey-5:#617d98;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--transition:all 0.3s linear;--spacing:0.25rem;--radius:0.25rem;--large-screen-width:1170px;--small-screen-width:90vw;--fixed-width:50rem}*{box-sizing:border-box;font-family:Montserrat,sans-serif;font-family:Poppins,sans-serif;font-family:Prompt,sans-serif;margin:0;padding:0}body{background:#f1f5f8;background:var(--clr-grey-10);color:#102a42;color:var(--clr-grey-1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}a{text-decoration:none}img{display:block;width:100%}h1,h2,h3,h4{letter-spacing:.25rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:4rem}h2{font-size:2.5rem}h3{font-size:2rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}form input,form textarea{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;display:block;font-family:Poppins;font-weight:600;letter-spacing:.4px;margin:10px 0 20px;outline:none;padding:10px;width:100%}form input:focus{box-shadow:1px solid #681bce}input:focus,textarea:focus{border:1px solid #5e10ee;box-shadow:10px 10px 5px rgba(126,7,238,.75)}form{backdrop-filter:blur(8.5px);-webkit-backdrop-filter:blur(8.5px);background:#b01de8;border-radius:10px;border-radius:33px;box-shadow:0 8px 32px 0 #102a42;box-shadow:0 8px 32px 0 var(--clr-grey-1);box-shadow:43px 43px 63px #b01de8;color:#fff;margin:0 auto;max-width:480px;padding:40px}form button{background:#fff;border:0;border-radius:6px;color:#645cff;color:var(--clr-primary);cursor:pointer;padding:12px}.amount-container h5{color:#fff}.page{margin:100px auto;max-width:1200px;padding:20px}.create{margin-top:20px}.btn{background:#645cff;background:var(--clr-primary);border:none;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#fff;color:var(--clr-white);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:700;letter-spacing:.25rem;letter-spacing:var(--spacing);padding:.375rem .75rem;text-transform:uppercase;transition:all .3s linear;transition:var(--transition)}.av-songs{grid-gap:-10px;display:grid;gap:-10px;grid-template-columns:1fr 1fr 1fr;margin:10px}.btn:hover{background:#a29dff;background:var(--clr-primary-light);color:#645cff;color:var(--clr-primary)}.loader{align-items:center;display:flex;justify-content:center}.loading{margin-top:5rem;text-align:center}nav{background:#b01de8;margin-bottom:40px;padding:1.25rem 2rem}.nav-center{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:50rem;max-width:var(--fixed-width);width:100%}.songs h1{margin-bottom:40px}nav h3{color:#fff;color:var(--clr-white);letter-spacing:1px;margin-bottom:4px}.nav-container{display:block;position:relative}nav svg{color:#fff;color:var(--clr-white);width:40px}.songsforgrid{display:grid}@media only screen and (max-width:1000px){.av-songs{display:grid;grid-template-columns:1fr;margin:0}}.btns-spaced{align-items:center;display:flex;justify-content:space-around}.btns-spaced .editBtn{background:#b01de8;border:none;border-radius:4px}.btns-spaced .editBtn,.btns-spaced .editBtnRev{color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-family:Poppins,sans-serif;font-family:Prompt,sans-serif;margin:10px;padding:5px 10px}.btns-spaced .editBtnRev{background:#f34235;border:1px solid #a73906;border-radius:4px}.artists-desc{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-left:30px;margin-top:20px}.whole-stuff{margin:20px}.spanned{color:#b01de8}.img-with-text{display:flex}.img-with-text img{height:42%;width:42%}
/*# sourceMappingURL=main.f6094322.css.map*/