*{padding:0;margin:0;box-sizing:border-box}html{font-size:12px}body{font-family:Arial,Helvetica,sans-serif;font-size:1rem;background-color:#e5e5e5}.container{margin:0 auto;max-width:768px;padding:1rem}.app{background-color:#fff;box-shadow:1px 1px 3px rgba(0,0,0,.25);padding:0 0 1rem}.title{text-align:center;font-size:2rem;margin-bottom:1rem;padding:.5rem;background-color:#00953b;color:#fff}.loanform,.results{margin:1rem}.subheader{font-size:1.6rem}.row{padding:.4rem;display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.row--hidden{display:none}.label{width:120px}.pref{width:14px}input[type=number]{width:100px;text-align:right;padding:.5rem;border:0;border-radius:0;border-bottom:1px solid #333;flex-grow:1;-moz-appearance:textfield}input[type=number]:focus{outline:none;border:0;border-bottom:1px solid #333;background-color:#e0f1df;-moz-appearance:number-input}.btn{-webkit-appearance:none;border:0;border-radius:0;flex-grow:1;padding:.6rem;box-shadow:1px 1px 3px rgba(0,0,0,.5);cursor:pointer}.btn:focus{outline:none}.btn--green{background-color:#00953b;color:#fff}.showresult{background-color:#f5f5f5;font-size:1.2rem;font-weight:700;flex-grow:1;text-align:right;padding:.5rem}.alert{margin:.5rem;padding:.5rem 1rem;display:block;border-radius:2px}.alert--danger{border:1px solid #a12525;color:#a12525;background-color:#ffe3e3}@media (max-width:767px){body{background-color:#fff}.container{margin:0;padding:0}.app{box-shadow:none}}@media (min-width:600px){.flex{display:flex}.loanform,.results{width:50%}}