*{box-sizing:border-box}body{margin:0;padding:0;font-family:"Liberation Mono",monospace;font-size:16px;line-height:1.5em;color:#d99f7e;text-align:center;background-color:#f8deb5}@media (max-width:600px){body{padding-left:1rem;padding-right:1rem}}a{display:inline;color:#d99f7e;text-decoration:none;border-bottom:1px solid #d99f7e}a:hover{color:#d58664;border-bottom-color:#d58664;font-style:italic}.logo{width:165px;height:72px;margin:0 auto;margin-top:6rem;margin-bottom:3rem;background-image:url('/images/logo.png');background-size:165px 72px;background-repeat:no-repeat;background-position:center}.link-output{margin-bottom:5rem;color:rgba(81,125,113,0.6)}.link-output a,.link-output a:hover{color:rgba(81,125,113,0.6);border-bottom-color:rgba(81,125,113,0.6)}textarea{display:block;width:100%;max-width:580px;margin:3rem auto 1rem auto;padding:1rem;font-family:"Andale Mono",monospace;font-size:36px;color:#517d71;border:11px solid white;outline:none;background-color:transparent;resize:none}textarea::-webkit-input-placeholder{color:rgba(217,159,126,0.5)}textarea:-moz-placeholder{color:rgba(217,159,126,0.5)}textarea::-moz-placeholder{color:rgba(217,159,126,0.5)}textarea:-ms-input-placeholder{color:rgba(217,159,126,0.5)}@media (max-width:700px){textarea{font-size:24px}}footer{position:fixed;bottom:0;right:0;left:0;padding:1em;background-color:rgba(217,159,126,0.2)}@media (max-width:700px){footer{position:relative}}.error{margin:0 auto;max-width:580px}.sample-message{line-height:1.6em}.load-samples,.sample-message span{border-bottom:1px solid #d99f7e;cursor:pointer}.load-samples:hover,.sample-message span:hover{font-style:italic}.load-samples{display:inline-block;border-bottom:1px solid #517d71;color:#517d71}.textarea-container{position:relative}.play-button{display:none;position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;background-color:rgba(0,0,0,0.2)}