html,body { margin: 0; padding: 0; height: 100% }
body { color: #fff; background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc4M0YzNzYyNEMzQzExRThCQzY4QkE4QkZDQTFFRUQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc4M0YzNzYzNEMzQzExRThCQzY4QkE4QkZDQTFFRUQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzgzRjM3NjA0QzNDMTFFOEJDNjhCQThCRkNBMUVFRDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzgzRjM3NjE0QzNDMTFFOEJDNjhCQThCRkNBMUVFRDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4cRPmCAAABcUlEQVR42mKYNGkS04IFCxj+//+PFX/79o1h8uTJDMzh4eH/f//+PevmzZtizMzM94SFhX8xMjIy/Pnzh/no0aOSJ0+erAZqMGaKj49n4OHhOfj69es5u3fv3vL582dmBiAAalQ+derU9efPn5erqKjsZgEJ6unpbQIq2sbExCR/7ty5bE5OTgagRkkg/yUXF9dKVVXVc4wgd4DAq1evuK9cuZJ0/vx5K6Dkrh8/foQ5OztPkJWVPSAoKPiTiQEKxMTEvgoICPwFmrbTxsZm/r9//65KSUl9ASkCybNA1TFevHhR7enTp3JAk/SBztBiYWExBdpwV1JS8qW6uvodsMIjR46IAB2+G+jbXy4uLvlAk//fu3fvNlCsl52dPRHoPDOWjx8/Mjx69CgbyJEAum2FgoLCTj4+vj8/f/6UZGNjiwfS1o8fP45ilpaWBnnIQltbuxHotkkiIiL/QLYAw/MLPz//PG5u7iu3b9/mAAgwAODmthsHQgzfAAAAAElFTkSuQmCC) fixed no-repeat right top; font-style: normal; font-weight: 700; font-size:  13px; padding: 15px; background-image: url(https://image.ibb.co/nsqcey/1.jpg) }
::-webkit-scrollbar { background: #000; width: 6px; height: 6px }
::-webkit-scrollbar-track { background: #0c0c0c }
::-webkit-scrollbar-thumb:vertical { background: #333; border: none }
::-webkit-scrollbar-thumb:horizontal { background: #333; border: none }
::-webkit-scrollbar-corner { color: #000 }
.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: #b2b2b2; background: #000; font: normal 100  12px tahoma; border: solid 1px #262626; height: 23px }
.inp:focus { color: #fff; background: #000; border: solid 1px #333 }
.btn { outline: none; color: #7f7f7f; background: transparent; font: normal 100  8pt tahoma; border: none; margin: 0px 2px; height: 18px; -webkit-transition-property: all;-moz-transition-property: all;-o-transition-property: all;-ms-transition-property: all;transition-property: all;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-ms-transit }
.btn:hover { color: #fff; background: transparent; border: none; position: relative; top: 2px }
.btn:active { color: #fff; background: transparent }
a { color: #ccc }
a:hover { color: #ffea99; background: #999 }