/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}
/* ---------------------------------- */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
 background-color: Black;
 color: White;
}

.header {
  text-align: center;
  padding: 32px;
}

a.gohome {
padding: 0.2em 0.5em;
	margin: 0.2em;
  font-size: 1.2vw;
  color: #FBFBFB;
  	position: fixed;
	top: 2em;
	right: 2em;
	border: black 1px solid;
	border-radius: 2em;
	 background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.6); /* Black w/opacity/see-through */
 
}

a.verner {
	padding: 0.2em 0.5em;
	margin: 0.02em;
	font-size: 1.5em;
	color: #DADADA;
	position: fixed;
	top: 2em;
	left: 2em;
	text-decoration: none;
	 background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.6); /* Black w/opacity/see-through */
border: black 1px solid;
	border-radius: 0.2em;

}

a.verner strong{
	font-family: sans-serif;
	font-style: italic;
}

a.verner i{
	 margin-left: 1.5em;
	 color: #3F8000;
	
}

a:active,a:hover{
	color: Black;
	background-color: #96FF2F;
	 transition: 1.2s;
}

.row {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 25%; /* IE 10 */
  flex: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
  font-size: 18px;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}