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}audio::-webkit-media-controls-play-button{display:none}html{align-items:center;display:flex;font-size:62.5%;justify-content:center;margin:0;padding:0}.whole{background-color:#173459;border-radius:2.5rem;box-shadow:1rem 1rem .9rem rgba(0,0,0,.4);height:57rem;width:33rem}.playing{-webkit-animation:playinga 2s infinite alternate;animation:playinga 2s infinite alternate;color:#fff;padding:2rem;position:relative;text-align:center;text-shadow:.5rem .5rem .4rem rgba(0,0,0,.5);top:1rem}@-webkit-keyframes playinga{33%{color:#ffffe0}66%{color:#20b2aa}to{color:#add8e6}}@keyframes playinga{33%{color:#ffffe0}66%{color:#20b2aa}to{color:#add8e6}}img{border-radius:12rem;box-shadow:.5rem .5rem .4rem rgba(0,0,0,.5);height:20rem;margin-bottom:2rem;margin-left:22%;width:20rem}.p1{font-size:2.4rem;margin:0}.p1,.p2{color:#fff;text-align:center;text-shadow:.4rem .4rem .3rem rgba(0,0,0,.5)}.p2{font-size:1.4rem;margin-top:.8rem}.control{margin-left:9rem}.controlskip{background-color:#173459;border:none;color:#fff;margin:1.2rem}.controlskip:hover{color:#fff;opacity:.5}.playbutton{background-color:#ff0;border:none;border-radius:2rem;box-shadow:.4rem .4rem .3rem rgba(0,0,0,.5);color:#1185ea;height:4rem;margin:2rem;width:4rem}.playbutton:hover{background-color:#f08080;color:green;transition-duration:.5s}.controlnext{background-color:#173459;border:none;color:#fff;margin:1.2rem}.controlnext:hover{color:#fff;opacity:.5}audio{height:4rem;margin-left:3.5rem;margin-right:5rem;opacity:1;width:26.5rem}.p1last{color:#fff;font-size:1.5rem;margin-left:4rem;margin-right:1rem}.p11{color:#ff0;display:inline;font-size:1.7rem;margin:0;text-shadow:.4rem .4rem .3rem rgba(0,0,0,.5)}@media screen and (min-width:350px){html{font-size:62.5%}}@media screen and (min-width:300px) and (max-width:350px){html{font-size:59.5%;font-size:51%}}@media screen and (min-width:250px) and (max-width:300px){html{font-size:41.5%}}@media screen and (min-width:200px) and (max-width:250px){html{font-size:31.5%}}@media screen and (min-width:100px) and (max-width:200px){html{font-size:21.5%}}
/*# sourceMappingURL=main.ce561d03.css.map*/