@font-face {
    font-family: 'typewriter_mono_blackIt';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_black_italic-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_black_italic-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_black_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono_blackRg';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_black-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_black-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_black-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono_boldIt';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_bold_italic-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_bold_italic-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_bold_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono_boldRg';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_bold-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_bold-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono_fineIt';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_fine_italic-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_fine_italic-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_fine_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono_fineRg';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono_fine-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_fine-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono_fine-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'typewriter_mono';
    src: url('fonts/typewriter-mono/jmh_typewriter_mono-webfont.woff2') format('woff2'),
         url('fonts/typewriter-mono/jmh_typewriter_mono-webfont.woff') format('woff'),
         url('fonts/typewriter-mono/jmh_typewriter_mono-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
  /*background-color: black;
  color: white;*/

  width: 90%;
  margin: auto;
  text-align: center;
}

h1 {
  font-family: "typewriter_mono_boldRg";
  text-align: center;

}

p {
  font-family: 'typewriter_mono';
  text-align: center;
}

table, td {
 /*border: 1px solid black;*/
  border-collapse: collapse;
}

td {

}


.sliderD {
  width: 85%;
}

.slider {
  width: 95%;
  height: 20px;
  background-color: lightgray;
  opacity: 0.7;
  outline: none;
  transition: opacity .2s;
  border-radius: 10px;
}

.slider:hover {
  opacity: 1;
}
.inputPanel {
  width: 95%;
  margin: 5px auto;
  padding: 10px;
/*  border: 1px solid black;*/
}
.inputPanel table {
  margin: auto;
}

.hsb {
  width: 7%;
  padding: 5px 15px;
}

#bV, #sV, #hV {}


#outputTxt {
  font-size: 16px;
  text-align: center;
}

#enter {
  margin: 20px;
}