html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

header {
	font-family: '', serif;
	color: #D9D9D9;
	text-align: center;
	background-color: #174372;
	background-image: linear-gradient( #44688E, #174372 );
}

aside {
	font-family: 'Old Standard TT', serif;
	font-size: 200%;
	color: #FF4040;
	text-shadow: 0 0 3px #000000;
	text-align: center;
	text-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .5);
}

p {
	font-family: 'Old Standard TT', serif;
	font-size: 15pt;
}

body {
	font-family: 'Old Standard TT', serif;
	background-color: #174372;
	height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

li {
	padding:10px;
}

footer {
	background-color: #D9D9D9;
	color: #174372;
	text-align: center;
}

table {
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-collapse: collapse;
	border: 2px solid #174372;
}

th, td {
	border: 1px solid #174372;
	text-align: center;
	padding: 10px;
}

.box img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box {
	background-color: #D9D9D9;
	color: #174372;
	margin: auto;
	width: 60%;
	padding: 25px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*
.column {
	flex: 1;
}

.row {
	display: flex;
	column-gap: 20px;
}
*/

.contact {
	font-size: 140%;
	color: #D9D9D9;
	text-align: center;
}

.topnav ul {
	color:#D9D9D9;
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #D9D9D9;
}

.topnav {
	font-size: 70;  
}
.topnav li {
	display: inline-block;
	color: #174372;
	margin-left: 20px;
	margin-right: 20px;
}

.topnav li a {
	color: #174372;
/*	display: block; */
	text-align: center;
/*	padding: 14px 16px; */
	text-decoration: none;
	transform: none;
}

.topnav a:visited {
	color: #174372;
}

/* For columns shortcode: */
.md-columns {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;

  div {
    flex: 1 1;
    margin: 1rem 0;
    min-width: 100px;
    max-width: 100%;
    padding: 0 1rem;
  }

  .markdown-inner {
    margin-top: 0;
    margin-bottom: 0;
  }
}