body{margin:2ex 2em;padding:0;color:#222;background-color:white;font-size:100%;font-family:"Nunito Sans", "Helvetica Neu", "Helvetica", "Segoe UI", "arial", sans-serif}
h1{font-size:160%;font-weight:500;margin:0}
h2{font-size:145%;font-weight:500}
h3{font-size:130%;font-weight:400;margin:0}
h4{font-size:120%;font-weight:400;margin:0}
form{display:inline-block;margin:1ex 0;padding:4ex 2em;background-color:#eee;border-radius:1ex;box-shadow:2px 4px 8px rgba(0,0,0,0.3)}
input[type="text"]{padding:8px;width:32em;font-size:100%;-webkit-appearance:none;border:none;border-radius:4px;box-shadow:1px 2px 4px rgba(0,0,0,0.3)}
input[type="submit"]{margin-left:1em;padding:8px 1em;font-size:100%;color:white;background-color:#09f;-webkit-appearance:none;border:none;border-radius:4px;box-shadow:1px 2px 4px rgba(0,0,0,0.3)}
.error{display:table;margin:3ex 0;padding:1ex 1em;font-size:120%;color:red;border:2px solid red;border-radius:.3em}
.ok{display:table;margin:3ex 0;padding:1ex 1em;font-size:120%;color:#080;border:2px solid #080;border-radius:.3em}