/* oldschool.css */
/* Netscape Navigator / early HTML vibe */

html, body {
  margin: 8px;
  padding: 0;
  background: #c0c0c0;
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.2;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  margin-top: 0.8em;
  margin-bottom: 0.4em;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }

/* Paragraphs and lists */
p, ul, ol, dl, pre, blockquote, table, form {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

/* Links */
a:link {
  color: #0000ee;
  text-decoration: underline;
}

a:visited {
  color: #551a8b;
  text-decoration: underline;
}

a:active {
  color: #ff0000;
  text-decoration: underline;
}

/* Horizontal rule */
hr {
  border: 0;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #ffffff;
  height: 0;
  margin: 1em 0;
}

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 2px;
  background: #c0c0c0;
  color: #000000;
}

th, td {
  padding: 2px 6px;
  border: 1px solid #808080;
  background: #c0c0c0;
  vertical-align: top;
}

th {
  font-weight: bold;
}

/* Forms */
input,
select,
textarea,
button {
  font-family: "Times New Roman", Times, serif;
  font-size: 16px;
  color: #000000;
  background: #d4d0c8;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  padding: 2px 4px;
  box-sizing: border-box;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: 1px dotted #000000;
  outline-offset: 1px;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

/* Fieldsets */
fieldset {
  border: 2px groove #d4d0c8;
  padding: 0.5em 0.8em 0.8em 0.8em;
}

legend {
  padding: 0 0.3em;
}

/* Monospace blocks */
pre,
code,
tt {
  font-family: "Courier New", Courier, monospace;
  font-size: 15px;
}

/* Images */
img {
  border: 0;
}

/* Optional old-school content box */
.oldschool-panel {
  background: #c0c0c0;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  padding: 10px;
}