/* Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@500&display=swap');

nav {position: relative; 
		width: 225px; 
		border-radius: ;
		#Background: linear-gradient(Black, DeepSkyBlue);
		#Background: -moz-linear-gradient(Black, DeepSkyBlue);
		Border-top: 1px solid rgba(0, 0, 0, 0.3);
		Border-top: -moz-background-clip: padding-box;
		Border-right: 1px solid rgba(0, 0, 0, 0.3);
		Border-right: -moz-background-clip: padding-box;
		Border-left: 1px solid rgba(0, 0, 0, 0.3);
		Border-left: -moz-background-clip: padding-box;
		Border-bottom: 1px solid rgba(0, 0, 0, 0.3);
		Border-bottom: -moz-background-clip: padding-box;
		Background-clip: padding-box;
		}
.collapsible {
	  background-color: #0099cc;
	  color: white;
	  cursor: pointer;
	  padding: 18px;
	  width: 100%;
	  border: none;
	  text-align: left;
	  outline: none;
	  font-size: 18px;
	  font-weight: bold;
}
.active, .collapsible:hover {
	background-color: #5599cc;
	color: black;
	#Background: linear-gradient(Black, DeepSkyBlue);
	#Background: -moz-linear-gradient(Black, DeepSkyBlue);
	#Background-clip: padding-box
}
.content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
	#Background: linear-gradient(Black, DeepSkyBlue);
	#Background: -moz-linear-gradient(Black, DeepSkyBlue);
	Background-clip: padding-box
}
.hero-table {
	padding: ;
	background-color: #0099cc;
	position: relative;
	border-radius: ;
	color: black;
	}
a {
	font-family: 'M PLUS 1p', sans-serif;
	text-decoration: none; 
	color: black;
}
table {
	padding: ; 
	background-color: ; 
	color: black; 
	border: ; 
	border-radius: ;
}
th {
	font-style: bold; 
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 18px; 
	color: black; 
	border-radius: ;
}
td {
	font-style: bold; 
	font-family: 'M PLUS 1p', sans-serif;
	color: black;
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: black;
}
.hero-table {
	padding: ;
	background-color: #0099cc;
	position: relative;
	border-radius: ;
	color: black;
}