html,body { margin: 0; padding: 0; height: 100% }
body { color: #000; background: #fece26; font-style: normal; font-weight: 700; padding: 15px }
.translit { color: #fff; background: #ff9; text-align: center }
.h { color: #ff9; background: #000 }
.l { color: #fff; background: #040 }
.r { color: #fff; background: #006 }
.inp { outline: none; color: #000; background: #fff; font: normal 700  8pt sans-serif; border: solid 1px; border-color: #4e3063 #6e5083 #7e6093 #4e3063 }
.inp:focus { color: #000; background: #fff; border: solid 1px; border-color: #960 #da0 #da0 #960 }
.btn { outline: none; color: #fff; background: #b22300; font: normal 700  8pt ms sans serif,sans-serif; border: solid 1px #000; margin: 0px 1px; height: 17px }
.btn:hover { color: #190005; background: #f90 }
.btn:active { color: #fff; background: #b22300 }
a { color: #000 }