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

.flex-container {
	height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.row {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
    width: 50%;
	max-height: 100%;
	padding: 20px 0;
}

.flex-item {
    text-align: center;
}

.title {
	font-size: 40px;
	font-weight: bold;
	padding-bottom: 5px;
}

.selftext {
	font-weight: lighter;
	font-size: 23px;
}

.authorContainer {
	font-weight: lighter;
	font-style: italic;
	font-size: 20px;
	padding-top: 15px;
	display: flex;
	white-space: nowrap;
}

.authorContainer > a {
	margin-left: 65%;
}

div.title > a, div.authorContainer > a {
    color: black;
	text-decoration: none;
}
#h2 {
	display: inline-block;
}

p {
	margin: 5px 0 5px 0;
	text-align: justify;
}

li {
	text-align: left;
}

.whiteOverlay {
  background: #FFFFFF;
  opacity: 1;
  transition: opacity 300ms ease-in;

  position: fixed;
  width: 100%;
  height: 100%;
}

.fadeOut {
  opacity: 0;
}

canvas {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
}