/* asset bump 2026-10-09: new content hash so browsers and the CDN fetch a fresh copy */
p {
    font-size: 18px;
}

html, body
{
    height: 100%;
    margin: 0;
    padding: 0px;
    background: #14001d;
    font-family: "Letter Gothic", sans-serif;
    color: #cbcbc8;
}

input {
  padding: 6px;
  border-radius:10px;
  width: 250px;
}

input, textarea {
  font-family:inherit;
  font-size: inherit;
}

button {

  /* remove default behavior */
  appearance:none;
  -webkit-appearance:none;

  /* usual styles */
  padding:6px;
  border:none;
  font-weight:600;
  border-radius:5px;
  font-family: inherit;
  font-size: inherit;
}

canvas {
  margin: 10px;
}

a {
    color: #fff;
}

video {
  width: 100%;
}

th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #9a919c;}

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

th {
  font-weight: bold;
}

.viewer {
    overflow: hidden;
}

#btn-holder {
    visibility: hidden;
    position:fixed;
    bottom:30px;
    right:0px;
    height:20px;
    width:350px;
    font-family: Courier;
    color: #e5e0e4;
}

.container {  display: grid;
  grid-template-columns: 1fr minmax(400px, 1100px) 1fr;
  grid-template-rows: 100px min-content 100%;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ". titlearea ."
    ". subheadingarea ."
    ". contentarea .";
}

.titlearea { 
  grid-area: titlearea;
  position: relative;
}

.title {
  position: absolute;
  bottom: 0;
  left: 0;
}

.titlelink {
  text-decoration: none;
  color: #cbcbc8;
}

.login {
  position: absolute;
  bottom: 25px;
  right: 0;
}

.login-item {
  margin-left: 10px;
  margin-right: 10px;
}

.subheadingarea {
  grid-area: subheadingarea;
  display: flex;
  padding-bottom: 16px;
}

.subheading {
  margin-left: 10px;
  margin-right: 10px;
}

.contentarea { grid-area: contentarea; }

input {
  display: block;
}

.button-submit {
  margin-top: 2em;
}

.bot-table {
  padding-bottom: 20px;
  width: 100%;
}

.inline {
  display: inline;
}

.form-submit-link {
  background: none;
  border: none;
  color: #e5e0e4;
  text-decoration: underline;
  cursor: pointer;
}

.form-submit-link:focus {
  outline: none;
}

.form-submit-link:active {
  color:red;
}