@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.music-card{margin:10px auto;border-radius:6px;background:blue;box-shadow:0 0 10px rgba(0,0,0,0.4);overflow:hidden;position:relative;width:300px;height:300px}.music-card > .image img{position:absolute;z-index:1;opacity:.3;height:200px;width:300px}.music-card > .image:after{height:100px;content:"";top:100px;position:absolute;width:100%;z-index:1;background:linear-gradient(rgba(221,65,127,0),blue)}.music-card > .wave{position:absolute;height:750px;width:450px;opacity:.6;left:0;top:0;margin-left:-70%;margin-top:-130%;border-radius:40%;background:radial-gradient(#b01de8,#f34235);-webkit-animation:spin 3000ms infinite linear;animation:spin 3000ms infinite linear}.music-card > .wave:nth-child(2){top:10px;-webkit-animation:spin 4000ms infinite linear;animation:spin 4000ms infinite linear}.music-card > .wave:nth-child(3){top:10px;-webkit-animation:spin 5o00ms infinite linear;animation:spin 5o00ms infinite linear}.music-card > .info{position:absolute;bottom:25px;left:0;right:0;text-align:center}.music-card > .info > .title{font-size:1.3em;font-weight:400;font-family:"Playfair display";color:#333;margin-bottom:8px}.music-card > .info > .artist{font-family:"Source sans pro";color:#cfcfcf;font-size:.8em;letter-spacing:.08em;text-transform:uppercase}label{clear:both;display:block;font-size:.85em;font-weight:700;padding:.8em 0 .2em;user-select:none}input,button{float:left;font-size:1em;padding:3px 6px;margin:0;border:1px solid #333;outline:0;box-shadow:none}::-moz-focus-inner{padding:0;border:0}input{width:90%;background-color:#fff;border-right:0 none;border-radius:3px 0 0 3px}button{position:relative;background-color:#aaa;border-radius:0 3px 3px 0;cursor:pointer}.copied::after{position:absolute;top:12%;right:110%;display:block;content:"copied";font-size:.75em;padding:2px 3px;color:#fff;background-color:#22a;border-radius:3px;opacity:0;will-change:opacity,transform;animation:showcopied 1.5s ease}@keyframes showcopied{0%{opacity:0;transform:translateX(100%)}70%{opacity:1;transform:translateX(0)}100%{opacity:0}}