body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: lightblue;
	background-image: linear-gradient(lightblue, lightyellow);
	min-height: 100vh;
}

a {
	font-size: 0.85em;
}

a_nav{
	font-size: 0.50em;
}

.center-text {
	text-align: center; 
	display: block;
}

.left-text {
	text-align: left; 
	display: block;
}

div[id^="column"] {
	float:left; 
	margin:0; 
	width:33%;
	color: blue;
}
			
.column {
	float:left; 
	margin:0; 
	width:33%;
}

.top_row {
	border-bottom:4px solid red;
}

.nav_column_left {
	float:left; 
	margin:0; 
	width:10%;
	height:100vh;
	border-right:1px solid black;
	color:blue;
	a {
		font-size: 0.75em;
	}
}

.nav_column_right {
	float:right; 
	margin:0; 
	width:10%;
	height:100vh;
	border-left:1px solid black;
	color:blue;
	a {
		font-size: 0.75em;
	}
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background-color: blue;
  color: yellow;
  text-align: center;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: blue;
  color: yellow;
  text-align: center;
}

h1, h2, h3, h4, h5 {
    display: inline;
}

.a_unset {
	font-size: unset;
}

.unclickable { 
    pointer-events: none; 
  }