@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-U1Ug.ttf) format("truetype")}body,html{min-height:100%}main{max-width:500px;background-color:#fff;margin:0 auto;padding:0 20px}.m-box{display:flex;flex-direction:column}.m{border-radius:10px;margin-top:10px;margin-bottom:10px;padding:20px;text-align:left;font-family:Open Sans,sans-serif}.m1{background:#ddd;margin-right:10%;align-self:flex-start;-webkit-animation:fadein .25s forwards;animation:fadein .25s forwards;opacity:0}.m2{background-color:#007aff;color:#fff;margin-left:10%;align-self:flex-end}.delay1{-webkit-animation-delay:3s;animation-delay:3s}.delay2{-webkit-animation-delay:6s;animation-delay:6s}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}h1{margin:0;font-size:4em}.tac{text-align:center;font-size:2em}.tac .ex{font-size:.5em}.quote{background:#fff;border-radius:4px;padding:10px;-webkit-box-shadow:inset 3px 3px 4px rgba(0,0,0,.5);box-shadow:inset 3px 3px 4px rgba(0,0,0,.5)}