/*This div is the main box, that houses most of the content*/
.mainBx{
	background-color:#fff;
	border-style:solid;
	border-width:4px;
	border-color:#000;
	width:70%;
	margin:auto;
	display:flex;
	flex-flow:row wrap;
	margin-top:auto;
	margin-bottom:auto;
	overflow:auto;
	overflow-x:hidden;
}

.titleBx{
  color: white;
	background: black;
	border-color:#FFF;
	border-style:groove;
	border-width:4px;
	border-bottom:4px dotted blue;
	width:100%;
	box-sizing: border-box;

}

/*Large box to hold basic display.*/
.mainBxContent{
	border-style:solid; /*comment*/
	border-width:4px; /*comment*/
	border-color:red; /*comment*/
	margin-bottom:0px; /*comment*/
	color:blue; /*comment*/
	padding:10px; /*comment*/
	text-align:center; /*comment*/
	background: yellow; /*comment*/
	font-size:1em; /*comment*/
	box-sizing: border-box; /*comment*/
	overflow-y:auto; /*comment*/
	width:100%; /*comment*/
}

html {
	font-family:'Courier New';
	max-width:100%;
}

/* From Uiverse.io by arthur_6104 */ 
.box-button {
  cursor: pointer;
  border: 4px solid black;
  background-color: gray;
  padding-bottom: 10px;
  transition: 0.1s ease-in-out;
  user-select: none;
  width: 6em;
  
}

.button {
  background-color: #dddddd;
  border: 4px solid #fff;
  padding: 3px 8px;
  color: black;
  font-family: Arial Black;
}

.button span {
  font-size: 1em;
  letter-spacing: 1px;
}

.box-button:active {
  padding: 0;
  margin-bottom: 10px;
  transform: translateY(10px);
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}