html { background-color: #F4CE98; }
body { background-color: #FEF5E5; max-width: 800px; margin: 0 auto; min-height:100vh; transform: translateX(0) }
.header { padding:20px; }
.header a i { font-size: 20px;}
.main { padding:20px; }
.main .form-item { margin-bottom:20px; }
.main .form-item label { display:block; margin-bottom:5px; }
.main .form-item input { height:40px; border:solid 1px #ddd; }
.main .form-item select { height:40px; border:solid 1px #ddd; }

.main .title { font-size: 20px; }

.footer { position: fixed; bottom: 0; left:0px; right:0px; background-color: #ffffff; border-top:solid 1px #ddd; }
.footer .botnav { padding:10px 0px; overflow: hidden; }
.footer .botnav ul li { width: 33%; float:left; text-align: center; }
.footer .botnav ul li span { display: block; font-size: 12px; }
.footer .botnav ul li i { font-size: 20px;}

#output h1 { font-size: 20px; }
#output h2 { font-size: 18px; }
#output h3 { font-size: 16px; }
#output h4 { font-size: 14px; }
#output h5 { font-size: 14px; }
#output h6 { font-size: 14px; }
#output p { font-size: 14px; line-height: 1.5; }
#output i { margin-right:10px; }