.alert{padding:10px;background-color:#f44336;color:#fff;margin-bottom:20px;margin:0 20px}.btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-width:0;font-family:Arial;color:white!important;font-size:16px;background:#4CAF50;padding:10px 5px 10px 5px;text-decoration:none;width:6.5em;cursor:pointer;margin:10px 3px!important}.btn:hover{background:#56c47b}.btn.blue{background-color:#008CBA;color:#fff}.btn.blue:hover{background-color:#009cd0}.container{font-family:Arial,Helvetica,sans-serif;font-size:16px;border-color:#bbb;border-width:1px;border-style:solid;margin:0 auto;background-color:#E0FFEB;max-width:580px;text-align:center}.dform{display:table;margin:0 auto;box-sizing:border-box}.dform input[type="text"]{width:6em;border-radius:0;font-size:22px;margin:5px 2px;padding:1px 10px;border:1px solid #bbb}.col{display:table-cell;text-align:right}.funbox{padding:10px;text-align:center;font-size:22px}.prec{padding-top:20px;width:100%;margin:0 auto}.prec input[type="text"]{width:2.5em;border-radius:0;font-size:22px;margin:5px 2px;padding:1px 10px;border:1px solid #bbb}@media screen and (max-width:800px){.dform input[type="text"]{width:5em;font-size:16px}.prec input[type="text"]{font-size:20px}.funbox{font-size:20px}}@media screen and (max-width:650px){.dform input[type="text"]{width:6em;font-size:16px}.prec input[type="text"]{font-size:20px}.funbox{font-size:20px}}@media screen and (max-width:450px){.dform input[type="text"]{width:4em;font-size:16px}.prec input[type="text"]{font-size:18px}.funbox{font-size:18px}}@media screen and (max-width:380px){.dform{font-size:14px}.dform input[type="text"]{padding:1px 5px;width:4em;font-size:14px}.prec{font-size:14px}.prec input[type="text"]{font-size:16px}.funbox{font-size:18px}}@media screen and (max-width:325px){.btn{font-size:14px!important}.dform{font-size:13px}.dform input[type="text"]{padding:1px 5px;width:3.8em;font-size:12px}.funbox{font-size:16px}.prec{font-size:14px}.prec input[type="text"]{font-size:13px;width:2.8em}}