article{margin:auto;width:60%}blockquote,div,h1{text-align:center}blockquote{font-size:1.2rem}.buttons{margin-top:25px}button{background:none;border:none;cursor:pointer;height:48px;outline:none;padding:0;width:48px}#play{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/play.svg)}#play.played{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/play1.svg)}#pause{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/pause.svg)}#pause.paused{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/pause1.svg)}#stop{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/stop.svg)}#stop.stopped{background-image:url(https://rpsthecoder.github.io/js-speech-synthesis/stop1.svg)}@media (max-width:700px){article{width:90%}}#-demo-title{background-color:#d5ffd1;color:#0f316c;font-size:16pt;font-weight:700;height:36px;line-height:36px;position:fixed;text-align:center;top:0;width:100%}#-demo-profile{float:left;height:100%;opacity:.4}#-demo-profile:hover{opacity:1}@media (max-width:400px){#-demo-title{font-size:12pt}}