style.css

*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{font:1em/1.2 localFont,"Helvetica Neue",Helvetica,Arial,sans-serif;background:#424675;color:#fefefe}img{max-width:100%;display:inline-block}nav ul{list-style:none;padding:0;margin:0}.center{text-align:center}@media (min-width: 60em){#clearAll{float:right}}a{text-decoration:none;color:#b0b3d3}a:hover,a:focus{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:normal;color:#fefdfd;margin:0;line-height:1}h1{font-size:2.4em}h2{font-size:1.7em}h3{font-size:1.5em}p{margin:0 0 1em 0}p+p{margin-bottom:1em}code{line-height:1}form{display:block;clear:both}input,select,textarea{display:block;width:100%;padding:.5em .5em;font-family:localFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1em;border-radius:0;color:#333;background:#f2f2f2;border:1px solid #6f74ae;-webkit-appearance:none;vertical-align:top;font-weight:400 !important;font-style:normal;line-height:1.2}textarea{resize:vertical;min-height:120px}input[type="file"]{padding:0.4em}input[type="date"]{padding:.6em .5em;height:2.75em}input[type="submit"],input[type="button"],input[type="reset"],.button,button{box-shadow:none;padding:.5em 1em;display:inline-block;text-align:center;background:#A95953;color:#fefefe;font-weight:500;font-family:localFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-style:normal;line-height:1.2;border:1px solid #874742}input[type="checkbox"],input[type="radio"]{width:auto;-webkit-appearance:radio;display:inline-block;margin:.1em .5em}input[type="checkbox"]{-webkit-appearance:checkbox}.select{position:relative;display:block}.select:after{content:'\25bc';font-style:normal;font-weight:normal;speak:none;pointer-events:none;display:inline-block;text-align:center;font-variant:normal;text-transform:none;line-height:2em;position:absolute;top:0;bottom:0;right:0}.header__intro{font-size:1em;margin:1em 0}.logo{background:#A95953;color:#fefefe;font-size:2em;padding:0.5em;text-align:center;margin:0 .75em .75em;padding-top:.75em;font-family:Georgia, Times, "Times New Roman", serif;border:0.05em dashed #874742;border-top:none;box-shadow:0 0 0 0.25em #A95953,0.05em 0.05em 0.15em 0.25em #303254;text-shadow:0.1em 0.1em 0 #874742}@media (min-width: 30em){.logo{width:30%;margin:0 auto;font-size:1.7em}.header__intro{margin:0;font-size:1.6em;padding:1em 0;text-align:center}}@media (min-width: 60em){.logo{float:left;width:18%;font-size:1.5em;margin-right:2em;margin-left:.5em}.header__intro{font-size:1.2em;padding:1.25em 0;text-align:left}}.footer{text-align:center;margin-top:1em}.footer .content{padding:2em 1em}@media (min-width: 60em){.footer{background:none}}@media (min-width: 81.25em){.footer{padding-bottom:1em}}.lc{max-width:60em;margin:0 auto;padding:0 1em}#filedrag{font-family:'Georgia';font-weight:300;font-style:italic;text-align:center;padding:6em 2em;margin:1.5em 0;color:#ededdb;border:0.2em dashed #424675;background:#545a96;border-radius:0.5em;cursor:copy;-webkit-transition:1s all;transition:1s all}body.done #filedrag{padding:3em}.dontminify{padding:1em 0;text-align:center}.fontform.done{max-height:100em !important}.font{padding:0.5em}.font+.font{border-top:0.1em dashed #fefefe}.font__demo{margin-bottom:.5em}@media (min-width: 20em){.font{overflow:hidden;position:relative}.font__demo{margin-top:.5em;margin-bottom:0}.field{width:49%;margin-right:1%;margin-top:1%;float:left}}@media (min-width: 40em){.field{width:28%}button.field{width:13%;margin-right:0}}@media (min-width: 60em){.font{padding:0.5em 0 1em 0}}.hidden{max-height:0;overflow:hidden;-webkit-transition:1s all;transition:1s all}.hidden.done{max-height:20em}.output-wrap p{margin-top:.25em;margin-bottom:.5em}@media (min-width: 47.5em){.output__css,.output__js{float:left;width:50%}.output{padding:0 .5em}.output--css{padding-left:0}.output--js{padding-right:0}}@media (min-width: 60em){body{-webkit-transition:all 1s;transition:all 1s}body.done{padding-right:30%}.output-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);background:#A95953;width:30%;max-height:none !important;padding-top:1em}.output-wrap textarea{height:15vh;height:calc(50vh - 14.5em)}.output-wrap.done{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.output--css,.output--js{float:none;width:auto}.output{padding:1em 2em !important}}