* {margin: 0; padding: 0;}
body {background: #fff; margin: 2em auto; width: 75%; text-align: left; line-height: 1.6em; font-family: Courier New, Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace; color: #000;}
h1 { background: url(/icons/apple-icon-120x120.png) top center no-repeat; font-size: 4em; margin: 0 auto; padding: 150px 0 30px 0;}
button {font-size: 1.5em; margin: 0 auto; background: #c00; color: white; padding: .1em .4em; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; text-align:center; display: block; font-family: inherit;}
a {color: inherit;}
h1, h2, h4, h5, h6 {text-align: center;}
h2, h3, h4, h5, h6, p, button, blockquote { margin-bottom: 1em; }
hr { margin: 2em auto; border-top: 5px dotted black; width: 75%; }
ul {list-style-position: outside; margin: 0 4em 2em 4em; }
/* https://codepen.io/Founts/pen/gmhcl */
.talk-bubble { margin: 20px auto; display: block; position: relative; width: 200px; height: auto; background-color: white; font-family: "Ubuntu-Italic", "Lucida Sans", helvetica, sans; color: #666; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; } .border { border: 8px solid #999; }
.selfie {background-color: #cfc; }
.tri-right.border.left-top:before { content: ' '; position: absolute; width: 0; height: 0; left: -40px; right: auto; top: -8px; bottom: auto; border: 32px solid; border-color: #999 transparent transparent transparent; } 
.tri-right.left-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 0px; bottom: auto; border: 22px solid; border-color: white transparent transparent transparent; }
.tri-right.border.right-top:before { content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -40px; top: -8px; bottom: auto; border: 32px solid; border-color: #999 transparent transparent transparent; } 
.tri-right.right-top:after{ content: ' '; position: absolute; width: 0; height: 0; left: auto; right: -20px; top: 0px; bottom: auto; border: 20px solid; border-color: #cfc transparent transparent transparent; }
.talktext { padding: 1em 1em 0 1em; text-align: left; line-height: 1.3em; color: #333 -webkit-margin-before: 0; -webkit-margin-after: 0; } 
.talktext span { float: right; color: #ccc; font-size: 75%;}
blockquote { width: 75%; margin: 0 auto; font-size: 140%;}
blockquote span { text-align: right; display: block;}
.mobile {width:300px; float: right; display: block; background: #9cf; margin-left: 30px;}
#form {background-color: #9cf; padding: 1em; -webkit-animation: slide-in-top .05s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; -moz-animation: slide-in-top .05s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top .05s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
#form p {padding: 0 2em;}
.small {font-size: 75%; line-height: 1.2em;}