*{margin:0;padding:0;box-sizing:border-box}body{height:200%;margin:3em auto;font-family:sans-serif;font-size:16px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);text-align:center;background-color:#000;background-position:top center;background-repeat:no-repeat;background-size:auto}h1{font-size:3em;margin:1em 0 .5em}h2{font-size:2em;margin:.5em 0;font-style:italic}.centered{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}.music{background-color:hsla(0,0%,100%,.25);padding:1em;border-radius:1em;box-shadow:3px 3px 6px rgba(0,0,0,.5);max-width:400px;max-height:60%;overflow-y:scroll;margin:auto;margin-bottom:3em;padding-bottom:3em}.music p{text-align:left;font-size:1.2em;font-weight:400;line-height:1.6;overflow-y:scroll;margin-bottom:1em}.music h2{font-size:1.5em;margin-top:0;background-color:navy;border-radius:.5em;padding:.5em}.music h3{text-align:left;font-size:1.5em;margin-top:1em}.music a{color:#fff;text-decoration:none}audio{width:300px;display:block;margin:.5em auto}footer{position:fixed;bottom:0;display:block;width:100%;box-sizing:border-box;padding-top:1em;padding-bottom:1em;margin-top:1em;background-color:navy}header{position:fixed;top:0;display:block;width:100%;box-sizing:border-box;padding-top:1em;padding-bottom:1em;margin-bottom:2em;background-color:navy}header nav{padding:2em}header nav a{color:#fff;background-color:#3f007f;padding:10px;margin:1em 7px;text-decoration:none;border:1px solid #444;border-radius:.5em;display:inline-block}header nav a:hover{color:#3f007f;background:#fff}header #menu{margin:auto;border-radius:1em}header button{color:#fff;background-color:#3f007f;font-size:1.5em;padding:.25em .5em;border:1px solid #3f007f;border-radius:.5em}span.btn{height:1em;width:1em;display:inline-block;margin-right:.5em;border-radius:7px;cursor:pointer}span.btn-play{content:url(/img/play-button.svg)}span.btn-pause{content:url(/img/pause-button.svg)}/*# sourceMappingURL=styles.css.map */