* {
  margin: 0px 0px 0px 0px;  /* Top  Right  Bottom  Left */
  padding: 0px 0px 0px 0px;  /* Top  Right  Bottom  Left */
  border: 0px solid #00FF00;
  /* border-top: 1px solid #5D6063;
  border-bottom: 1px solid #5D6063; */
  box-sizing: border-box;
}

body {
  background-color: #101010;
  overflow-y: scroll;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  font-family: 'body-font', Arial, sans-serif;
}

a:link { color: #FFFFFF; text-decoration: none}
a:visited { color: #FFFFFF; text-decoration: none}
a:hover { color: #CC0000; text-decoration: none}

.page {
  width: 370px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.normal {
  width: 100%;
  padding: 5px 5px 5px 5px;  /* Top  Right  Bottom  Left */
  border: 3px solid #202020;
  border-radius: 15px;
  background-color: #000000;
}

.alert {
  width: 100%;
  padding: 5px 5px 5px 5px;  /* Top  Right  Bottom  Left */
  border: 3px solid #202020;
  border-radius: 15px;
  background-color: #000000;
  -webkit-animation: blink 2s ease infinite;
  -moz-animation:    blink 2s infinite;
  -o-animation:      blink 2s infinite;
  animation:         blink 2s infinite;
}

@-webkit-keyframes blink {
    0% { border-color:#202020 }
   50% { border-color:#FF0000 }
  100% { border-color:#202020 }
}

@-moz-keyframes blink {
    0% { border-color:#202020 }
   50% { border-color:#FF0000 }
  100% { border-color:#202020 }
}

@-o-keyframes blink {
    0% { border-color:#202020 }
   50% { border-color:#FF0000 }
  100% { border-color:#202020 }
}

@keyframes blink {
    0% { border-color:#202020 }
   50% { border-color:#FF0000 }
  100% { border-color:#202020 }
}

.letter-row {
  display: flex;
  width: 100%;
}

p {
  font-size: 0.8em;
  text-align: center;
  padding: 5px 5px 5px 5px;  /* Top  Right  Bottom  Left */
}
  
.on {
  flex: 1;
  color: #FFFFFF;
}

.off {
  flex: 1;
  color: #202020;
}

.invisible {
  color: #000000;
}

@font-face {
        font-family: 'body-font2';
        src: url('fonts/CooperHewitt-Medium.otf');
        src:
                local('CooperHewitt-Medium'),
                url('fonts/CooperHewitt-Medium.otf')
                format('OpenType');
}

@font-face {
        font-family: 'body-font';
        src: url('fonts/CooperHewitt-Semibold.otf');
        src:
                local('CooperHewitt-Semibold'),
                url('fonts/CooperHewitt-Semibold.otf')
                format('OpenType');
}