@charset "utf-8";

body {
  background-color: #009999;
}
a:link {
  color: red;
}
a:active {
  color: red;
}
a:hover {
  color: red;
}
a:visited {
  color: red;
}

.toc-container {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 0px 0px;
  width: 600px;
  margin: auto;
}
.toc-heading {
  grid-column: 1 / span 2;
  border: 3px ridge black;
}
.toc-heading p {
  font-weight: bold;
  text-align: center;
  margin: 0px;
}
.toc-left {
  border: 3px ridge black;
  border-right: none;
}
.toc-left p {
  margin: 0px;
}
.toc-right {
  border: 3px ridge black;
}
.toc-right p {
  margin: 0px;
}

.section-seperator {
  border: 1px solid blue;
  width: 75%;
  border-radius: 1px;
}

.table-one {
  width: 250px;
  margin: auto;
  border: 1px solid black;
}
.table-one th {
  border: 1px solid black;
}
.table-one td {
  border: 1px solid black;
  text-align: center;
}
.table-one p {
  margin: 0px;
}

.tables-container-two {
  display: grid;
  grid-template-columns: 160px 400px;
  gap: 5px;
  min-height: 200px;
}
.table-three {
  border: 1px solid black;
}
.table-three th {
  border: 1px solid black;
}
.table-three td {
  border: 1px solid black;
}
.table-three p {
  margin: 0px;
}

.tables-container-four {
  width: 1000px;
}
.table-four {
  border: 1px solid black;
  width: 600px;
  border-spacing: 3px;
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.table-four th {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}
.table-four td {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}
.table-four p {
  margin: 0px;
}

.test-one {
  border: 1px solid black;
  width: 800px;
  margin: auto;
}
.test-one th {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}
.test-one td {
  border: 1px solid black;
  padding: 5px;
  vertical-align: top;
}
.test-one p {
  margin: 0px;
}

.special-one {
  border: 1px solid black;
  background-color: white;
}
.special-one th {
  border: 1px solid black;
}
.special-one td {
  border: 1px solid black;
}