* {box-sizing: border-box}

body {
    display: grid;
    background-color: #8888aa;
}

table {
    width: 100%;
    background-color: #eee;
    border-collapse: collapse;
}

tr:hover {
    background-color: #ddd;
}

th, td {
    padding: 8px;
    border-bottom: 1px solid white;
    text-align: left;
}

body, html {
  margin: 0;
  font-family: Arial;
  color: #222;
}

/* .bg {
    background-image: url("1951_univac_large.jpg");
    height: 10%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */

.quick_links {
    background-color: #d36f30;
    text-align: center;
    color: #222;
    padding: 10px;
}

.description {
    background-color: #eee;
    padding: 20px;
}

.nav_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.tablink {
  background-color: #222;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 11px;
  font-size: 12px;
  text-align: center;
}

.banner {
    background-color: #8888aa;
}

.tablink:hover {
    background-color: #bbb;
}

.scrolllink {
  background-color: #222;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 11px;
  font-size: 12px;
  text-align: center;
}

.tabcontent {
    color: black;
    display: none;
    padding: 0px 20px;
    height: 100%;
}

a {
    color: black;
}

a:hover {
    color: white;
}