body {
  text-align: center;
  text-shadow: 1px 1px 2px #0008;
  font-family: "Verdana", "ＭＳ ゴシック", sans-serif;
  max-width: 100%;
  font-size: 16px;
}

header {
  padding-top: 2px;
  padding-bottom: 2px;
  border-width: 5px;
  border-style: outset;
  border-color: #fff;
  height: 15%;
  background: #fff;
  color: #000;
  font-size: 50px;
  box-shadow: 1px 1px 2px #0008;
}

footer {
  border-width: 5px;
  border-style: outset;
  border-color: #000;
  background: linear-gradient(0deg, #000 0%, #222 100%);
  color: #fff;
  font-size: 15px;
  box-shadow: 1px 1px 2px #0008;
  text-shadow: 1px 1px 2px #fff8;
}

div.t {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  border-width: 5px;
  border-style: outset;
  border-color: #238;
  height: 7%;
  background: linear-gradient(0deg, #105 0%, #238 45%, #46A 55%, #59D 90%, #ADF 95%, #59D 100%);
  color: #fff;
  font-size: 35px;
  box-shadow: 1px 1px 2px #0008;
  font-weight: bold;
  overflow: hidden;
}

p {
  padding-top: 2px;
  padding-bottom: 2px;
}

div.n {
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
  border-width: 5px;
  border-style: outset;
  border-color: #dff;
  height: 23%;
  background: linear-gradient(0deg, #dff 0%, #fff 100%);
  overflow: scroll;
  box-shadow: 1px 1px 2px #0008;
}

div.nbig {
  text-align: left;
  padding-top: 2px;
  padding-bottom: 2px;
  border-width: 5px;
  border-style: outset;
  border-color: #dff;
  height: 91%;
  background: linear-gradient(0deg, #dff 0%, #fff 100%);
  overflow: scroll;
  box-shadow: 1px 1px 2px #0008;
}

iframe {
  border-width: 3px;
  border-style: inset;
  border-color: #fff;
  overflow: scroll;
}

td {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  vertical-align: top;
}

td.bare {
  text-align: left;
  vertical-align: top;
}

a {
  color: #08f;
  font-weight: bold;
}

a:hover {
  font-style: italic;
}

a:active {
  color: #0000;
}

button {
  padding-top: 3px;
  padding-bottom: 3px;
  border-width: 2px;
  border-style: outset;
  border-color: #238;
  height: 7%;
  background: linear-gradient(0deg, #105 0%, #238 45%, #46A 55%, #59D 90%, #ADF 95%, #59D 100%);
  color: #fff;
  font-weight: bold;
    box-shadow: 1px 1px 2px #0008;
  text-shadow: 1px 1px 2px #0008;
    font-size: 16px;
}

button:hover {
  font-style: italic;
}

button:active {
  background: linear-gradient(180deg, #105 0%, #238 45%, #46A 55%, #59D 90%, #ADF 95%, #59D 100%);
}

div.alert {
    border-width: 2px;
  border-style: outset;
  border-color: #f00;
    color: #fff;
  font-weight: bold;
      box-shadow: 1px 1px 2px #0008;
      width: inherit;
        font-size: 14px;
        background-color: #f00;
        text-shadow: 1px 1px 2px #0008;
}

.flash {
  animation-name: flash;
  animation-duration: 1s;
  position: relative;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

div.old {
  text-align: initial;
  text-shadow: initial;
  font-family: initial;
  max-width: 100%;
  font-size: initial;
}

@keyframes flash {
0% {color: #000;}
49% {color: #000;}
50% {color: #fff;}
99% {color: #fff;}
}