*{padding:0;margin:0}#app{font-family:Inter,sans-serif;color:#333}.content{max-width:800px;padding:10vw 0 2vw 10vw}hr{border:0;height:1px;background-color:#f9f9f9;margin:10px 0}p{margin:0;line-height:2.5}a{color:#000}a:hover{color:#f7cc5b;cursor:ne-resize}::-moz-selection{background:#f7cc5b}::selection{background:#f7cc5b}.hero{font-weight:700;font-size:16px;color:#333}.name{cursor:help}.audio-icon{position:relative;top:2px;width:1rem;height:1rem;fill:none;stroke:#999;stroke-miterlimit:10px;stroke-width:4px;stroke-linejoin:round;stroke-linecap:round;-webkit-transition:all .5s cubic-bezier(.5,0,.5,.5) 0s;transition:all .5s cubic-bezier(.5,0,.5,.5) 0s;stroke:#333}.playing .ani-path-3{fill:#333}.playing .ani-path{-webkit-animation:audio-icon .6s ease-out .45s infinite;animation:audio-icon .6s ease-out .45s infinite}.playing .ani-path-2{-webkit-animation:audio-icon .6s ease-in .1s infinite;animation:audio-icon .6s ease-in .1s infinite}@-webkit-keyframes audio-icon{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes audio-icon{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@media (max-width:800px){.content{padding:30px}.audio-icon{display:none}.hero{font-size:18px;font-weight:400}p{line-height:2;margin:20px 0}}