*{color:white; font-family: OnestBlackLight}
@font-face {
    font-family: 'OnestBlack';
    src: url('fonts/OnestBlack1602-hint.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OnestBlackLight';
    src: url('fonts/OnestLight1602-hint.ttf');
    font-weight: normal;
    font-style: normal;
}
h1{font-family: OnestBlack}
h4{font-family: OnestBlackLight}
h3{font-family: OnestBlackLight}
h2{font-family: OnestBlackLight}
html {
  height: 100%;
}
table {border: 1px solid grey}
td {border: 1px solid grey}
th {border: 1px solid grey}
input{color:black}
option{color:black}
select{color:black}
textarea{color:green}
body {
  margin: 0;
  background-color:black;
  /* Растягиваем body по высоте html */
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
footer {
  background: black;
  font-family: OnestBlackLight
}
#user_header_div {background-color: skyblue;}
#header-div {background-color: black}
#numeric {width:50}
#numeric-money {width:75}
.flash {display: inline; padding: 10px}
.flash.success {border: 1px solid green; background: dark green;}
.flash.error {border: 1px solid red; background: maroon}
.menu-button {background-color: F53739;
      border: solid;
      border-radius: 5px;
      color: black;
      padding: 5px 34px;
      text-align: center;
      display: inline-block;
      font-size: 20px;
      margin: 4px 2px;}
.menu-user-button {background-color: F53739;
      border: solid;
      border-radius: 10px;
      color: black;
      padding: 5px 34px;
      text-align: center;
      display: inline-block;
      font-size: 20px;
      margin: 4px 2px;}
.greenwall {color:green}
.yellowwall {color:yellow}
.redwall {color:red}
.inline {display: inline}