h1 {
  font-size: 250%;
  color: white;
  font-family: sans-serif;
}

p {
  font-family: sans-serif;
  color: black;
}
html {
  margin-left: -1.6vw;
  margin-right: -1.6vw;
  margin-top: -1.6vw;
  scroll-behavior:smooth;
}
.topbar {
  background-color: #426e7a;
  padding: 3%;
  display:flex;
}
.top-nav {
  margin-top: -4vh;
  background-color: #426e7a;
  display: flex;
  text-align: center;
}
.nav-button-base {
  width: 30vw;
  height: 9vh;
  font-family: sans-serif;
  background-color: burlywood;
  border-style: outset;
  border-width: 1px 2px 2px 1px;
}
.home-button {
  text-align: center;
  width: 11vw;
  height: 9vh;
  border-style: outset;
  border-width: 1px 2px 2px 1px;
}
.nav-button-base:hover {
  background-color: white;
  cursor:pointer;
}
.nav-button-base:active {
  background-color: white;
  box-shadow: 0px 0px;
  border-style: inset;
  border-width: 2px 1px 1px 2px;
}
.nav-button-base:disabled {
  background-color: white;
  color:black;
  box-shadow: 0px 0px;
  border-style: inset;
  border-width: 2px 1px 1px 2px;
}
article {
  background-color: salmon;
  padding-top: 5rem;
}
.sample-container {
  padding: 3%;
}
.logoimg {
  border-width:5px;
  border-style:solid;
  border-color:grey;
  border-radius:20px;
  max-width:150%;
  height:auto;
}
h2 {
  font-family:sans-serif;
}
ol:not(.dbq-item-list):not(.leq-item-list):not(.saq-item-list) {
  background-color:burlywood;
  border-radius: 0.2rem;
}
li:not(.poo):not(.sampleli) {
  font-family:sans-serif;
  text-align:center;
  margin-left:2vw;
  margin-right:2vw;
  margin-top:2vh;
  margin-bottom:2vh;
}
ol, li {
  list-style-type:none;
}
.nineties-icons {
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  padding-top:20px;
  padding-bottom:20px;
  margin-bottom:-5vh;
  width:100%;
  background-color:#426e7a;
  flex-grow:1;
}
.il-c {
  margin-left:3px;
  margin-right:3px;
  /*image hyperlink*/
  font-size:0px;
}
.fi {
  margin-left:3px;
  margin-right:3px;
  width:88px;
  height:31px;
}
.main-anchor-nav {
	list-style-type:none;
	display:flex;
	flex-direction:row;
	flex-grow:1;
	margin-left:30vw;
	padding-left:5%;
	padding-right:5%;
	justify-content:center;
	align-items:center;
}
.sample-list-container {
	min-height:34rem;
	border-width:3px;
	border-style:solid;
}
.small-text {
	font-size:10px;
}
.filter-header {
	display:flex;
	justify-content:left;
	flex-direction:row;
	background-color:burlywood;
	margin-bottom:-3vh;
	padding-bottom:10vh;
	border-color:black;
	border-bottom-width:3px;
}
.filter-box-p {
	text-decoration:underline;
	margin-left:3rem;
	margin-right:3rem;
	font-size:120%;
}
.filter-button {
	margin-left:0.2rem;
	margin-right:0.2rem;
	width:20rem;
	font-size:120%;
	color:white;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,140,140,1) 49%,rgba(117,117,117,1) 50%,rgba(91,87,87,1) 100%);
}
.filter-button:hover, .submit-filter-button:hover {
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(208,208,208,1) 49%,rgba(198,198,198,1) 50%,rgba(189,185,185,1) 100%);
}

.filter-button:active, .submit-filter-button:active {
	background:grey;
}

.submit-filter-button {
	color:white;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(140,140,140,1) 49%,rgba(117,117,117,1) 50%,rgba(91,87,87,1) 100%);
}

.classselect {
	width:12rem;
}
.class-filter {
	display:flex;
	flex-direction:row;
}
.search-box {
	width:12rem;
	text-align:center;
	margin-left:0.2rem;
	margin-right:0.2rem;
	font-size:120%;
}
.submit-filter-button {
  font-size:120%;
  margin-left:0.2rem;
  margin-right:0.2rem;
}
.sampleli {
	font-family:sans-serif;
	justify-content:center;
	margin-top:3rem;
	margin-bottom:3rem;
	list-style-type:none;
}
.dbq-item-list, .leq-item-list, .saq-item-list {
	margin-top:-30vh;
}
td {
	text-align:center;
	border-width:3px;
	border-style:solid;
	border-color:black;
}
tr {
	border-width:3px;
	border-style:solid;
	border-color:black;
}
table {
	border-width:3px;
	border-style:solid;
	border-color:black;
	width:100%;
	background-color:white;
}
.sl-table {
	margin-top:3vh;
}
.template-container {
	background-color:burlywood;
	padding:3%;
	max-width:50vw;
	max-height:50vh;
	min-height:50vh;
	min-width:50vw;
}
.filter-container {
	display:none;
	background-color:burlywood;
	border-style:solid;
	border-width:3px;
	margin-left:1rem;
	margin-top:3.85rem;
	box-shadow: 3px 3px 4px 4px rgba(0, 0, 0, 0.3);
	position:absolute;
	padding:0.5%;
}
label {
	font-family:sans-serif;
}