@font-face {
  font-family: "Braille";
  src: url("../font/BRAILLE1.eot");
  src: url("../font/BRAILLE1.woff") format("woff"),
       url("../font/BRAILLE1.svg") format("svg");
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

table {
  border-collapse: collapse;
  margin-bottom: 20px;
}

table, th, td {
  border: 0.5px solid black;
}

table th {
  background-color: #e8e8e8;
}

td, th {
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
}

.container {
  width: 800px;
}

.header {
  text-align: center;
  margin-bottom: 0;
}

.subheader {
  text-align: center;
  margin-top: 0;
}

.tvtoon-logo {
  position: relative;
  top: 10px;
  height: 100px;
}

.braille {
  font-family: Braille;
  font-size: 18px;
}

.morse {
  font-weight: bold;
  font-size: 18px;
}

.alpha-table {
  width: 100%;
}

.useful-links {
  width: 100%;
}

.useful-links td {
  text-align: left;
}