* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
}

body {
  background: #151515;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9pt;
}

table {
  font-size: inherit;
  color: #757575;
  text-decoration: none;
}

a {
  color: #757575;
  text-decoration: none;
}

a:hover {
  color: #888888;
}

input[type="text"],
input[type="password"] {
  padding: 1px 3px 0 3px;
  font-family: "tahoma", "arial", "helvetica", "sans-serif";
  font-size: 8pt;
  width: 200px;
}

input[type="text"]:valid,
input[type="password"]:valid {
  border-style: none;
}

input[type="text"]:invalid,
input[type="password"]:invalid {
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-right-style: solid 2px;
  border-color: red;
}

#head,
#foot {
  height: 30px;
  width: 100%;
  background-color: #151515;
  overflow: hidden;
}

#foot {
  text-align: center;
  bottom: 0;
  position: absolute;
}

#foot > span,
#head > span {
  line-height: 30px;
  margin: 10px;
}

#foot > span,
#head > span {
  color: #393939;
}

#foot a,
#head a {
  color: #393939;
}

#maincontent {
  width: 100%;
  height: 88%;
}

#logo {
  display: block;
  width: min(15vw, calc(15vh * 310 / 161));
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.quote {
  width: 280px;
  text-align: justify;
}

.hidden {
  display: none;
}

.info {
  color: green;
  font-weight: bold;
}

.warning {
  color: red;
  font-weight: bold;
}