.alert{padding:10px;background-color:#f44336;color:#fff;margin:20px 20px}.info{padding:10px;background-color:#008cba;color:#fff;margin:20px 20px}.btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-width:0;font-family:Arial;color:#fff!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;border-color:#bbb;border-width:1px;border-style:solid;margin:0 auto;background-color:#e0ffeb;max-width:520px;text-align:center}.dform{display:table;margin:0 auto}.dform input[type=text]{width:8em;border-radius:0;font-size:22px;margin:5px 2px;padding:1px 10px;border:1px solid #bbb}.col{display:table-cell;text-align:right}.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}.scale-svg{width:280px;margin:0 auto}@media screen and (max-width:800px){.dform input[type=text]{font-size:20px}.prec input[type=text]{font-size:16px}.btn,.dform,.prec{font-size:14px}}@media screen and (max-width:640px){.dform input[type=text]{font-size:16px}.prec input[type=text]{font-size:16px}.btn,.dform,.prec{font-size:14px}}@media screen and (max-width:450px){.dform input[type=text]{font-size:16px;width:4.5em}.prec input[type=text]{font-size:16px}.btn,.dform,.prec{font-size:14px}}@media screen and (max-width:325px){.dform input[type=text]{font-size:12px;width:4em}.btn,.dform,.prec{font-size:12px}.scale-svg{width:300px;margin-left:-15px}}