* { box-sizing: border-box; }

body {
  background-color: #212;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

#canvas { border-radius: 0px; }
.title  { font-size: 0.8vw; }

.c1       { color: #898; padding-left: 8px; padding-right: 16px; }
.c2       { color: #eee; padding-left: 8px; padding-right: 16px; }
.c2:hover { filter: drop-shadow(3px 3px 3px #3f3); }

a         { color: #fff; }
a:hover   { text-decoration: none; }

.innertable  { border: 1px solid; color: #444; padding: 2px; }
.contact     { padding-top: 12px; padding-bottom: 8px; text-align: right; color: #fa3; }
.blinking    { color: #fa3; animation: opacity 2s ease-in-out infinite; opacity: 1; }

#activeTitle { padding-top: 12px; padding-bottom: 8px;}

@keyframes opacity {
    0% { opacity: 1; }
  100% { opacity: 0.4; }
}

.row-m-t{ margin-top : 4px }

audio { height: 25px; }