::selection,mark{background-color:#ffd400}code,mark{padding:.2em}a,h2{color:#f16464}@font-face{font-family:'Exo 2';src:url(http://diffee.me/fonts/Exo2-200.ttf) format("truetype");font-weight:200}@font-face{font-family:'Exo 2';src:url(http://diffee.me/fonts/Exo2-800.ttf) format("truetype");font-weight:800}*{box-sizing:border-box}body{color:#fff;max-width:1200px;padding:1em 2em;margin:0 auto;font-size:22px;line-height:1.5;font-family:'Exo 2','Open Sans','San Fransisco',sans-serif;background-color:#1a416d;font-weight:100}@media (max-width:600px){body{font-size:18px}}footer{padding:1em 0;text-align:center}::-moz-selection{background-color:#ffd400;color:#000}::selection{color:#000}code{background:#f16464;font-size:.8em}p{max-width:34em;margin-left:2em}h2{margin-bottom:0}small{margin-bottom:2em;display:block;font-style:italic;font-size:.75em}.preview-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.preview-area .iframe-preview{position:relative;width:49%;margin-bottom:1em}@media (max-width:600px){p{margin-left:0}.preview-area .iframe-preview{width:100%;display:block}}.preview-area .iframe-preview iframe{outline:#000 solid 1px;width:100%;min-height:40vh;overflow:scroll;background-color:#fff}.preview-area .iframe-preview input{width:100%;margin-top:1em;font-size:1em;padding:.4em;font-family:'Exo 2';border:none}.logo{max-width:260px}.resize-note{float:right}.change-note{position:absolute;top:-.5em;left:1em}.change-note .arrow-up{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-up{width:1em}.overlay-area{position:relative;overflow:auto;min-height:70vh;resize:both;cursor:nwse-resize}.overlay-area iframe{outline:#f16464 solid 1px;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;pointer-events:none}.overlay-area iframe:nth-child(2){mix-blend-mode:difference}