html,body { margin: 0; padding: 0; height: 100% }
body { color: #fc9; background: #000; 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: #4cdbff; background: rgba(0,61,76,.50); font: normal 700  18px verdana; border-radius: 20px; border-top: solid 1px #32ffff; border-bottom: solid 1px #32ffff; height: 27px }
.inp:focus { color: #4cdbff; background: rgba(0,61,76,.50); border-radius: 20px; border-top: solid 1px #32ffff; border-bottom: solid 1px #32ffff }
.btn { outline: none; color: #ccf4ff; background: rgba(0,76,127,.80); font: normal 700  13px verdana; border-radius: 20px 5px 20px 5px; border-top: solid 1px #99eaff; border-bottom: solid 1px #99eaff; margin: 0px 1px; height: 25px }
.btn:hover { color: #cff }
.btn:active { color: #fff }
a { color: #fff }
a:hover { background: #999 }