@font-face {
font-family: 'Circular Medium';
src: url('fonts/CircularStd-Medium.eot'); /* IE9 Compat Modes */
src: url('fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/CircularStd-Medium.woff') format('woff'), /* Modern Browsers */
url('fonts/CircularStd-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/CircularStd-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */}

@font-face {
font-family: 'Circular Book';
src: url('fonts/CircularStd-Book.eot'); /* IE9 Compat Modes */
src: url('fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/CircularStd-Book.woff') format('woff'), /* Modern Browsers */
url('fonts/CircularStd-Book.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/CircularStd-Book.svg#svgFontName') format('svg'); /* Legacy iOS */}

@font-face {
font-family: 'Circular Bold';
src: url('fonts/CircularStd-Bold.eot'); /* IE9 Compat Modes */
src: url('fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/CircularStd-Bold.woff') format('woff'), /* Modern Browsers */
url('fonts/CircularStd-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/CircularStd-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */}

html,
body{
	font-family: Circular Book, Arial, Sans-serif;
	height: 100%; 
	}

a{
	color: black;
	text-decoration: none; }

#paragraph a:hover, #footer a:hover, #readmore:hover{
	background-color: #d8d8d8; }

#container{
	min-height: 100%;
	position: relative;
	margin-left: 40px; }
	
#header{
	padding-top: 1px; }
	
#body{
	width: 50%;
	padding-bottom: 40px;
	text-align: justify; }

#paragraph a{
	border-bottom: 3px solid black; }

#paragraph{
	line-height: 2em; }

#readmore{
	font-size: 0.8em;
	border-bottom: 3px solid black; }
	

h1{
	font-family: Circular Bold, Arial, Sans-serif;
	font-size: 2.5em;
	color: black;
	padding: 0;
	margin: 0; }

h2{
	font-family: Circular Medium, Arial, Sans-serif;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	margin-top: 20px; }
	
p{
	font-size: 1.8em;
	padding-bottom: 50px; }

hr{
	color: black;
	background-color: black;
	height: 1px;
	border: none; }
	
	
#ava{
	width: 150px;
	display: block;
		/*border-radius: 10px;*/
	margin-bottom: 40px;
	margin-top: 40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}

#spacer{
	height: 0;
	margin-top: 40px; }
	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
}
	
#back{
	position: fixed;
	right: 54px;
	top: 11px;
	background-color: white;
	width: 7em;
	height: 2.4em;
	text-align: center;
	z-index: 100000;
	border-radius: 15px;
	border: 3px solid black; 
	
	
	vertical-align: middle;
	display: inline-block;
	line-height: 2.4em;
	font-size: 1.3em;}

#back:hover{
	background-color: #d8d8d8;}
	
/*.home{
	vertical-align: middle;
	display: inline-block;
	line-height: 1.8em;
	font-size: 1.3em; }
	*/
ul{
	list-style-type: none; 
	margin: 0;
	padding: 0;
	width: 100%; }
	
ul li{
	display: inline;
	font-size: 1.2em;
	margin-right: 30px; }

#history a{
	color: #f7f7f7; }
#history a:hover{
	color: black;
	background-color: #d8d8d8; }	
	
#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px; }
	
@media screen and (max-width: 992px) {
	#container {
		margin-left: 0; }
	#body{
		width: 100%; }
	#back{
	right: 11px;
	}
}

.small{
	font-size:0.8em;}
	
	
	@media (prefers-color-scheme: dark) {
    /* Overrides for Dark Mode. */
    body {
        color: white;
        background: black;
    }
    #body a{
	border-bottom: 3px solid white; }
    a {
    	color: white;	}
    h1 {
    	color: white;}
    	hr{
	color: white;
	background-color: white;}
	#back {
	background-color: black;
	border-color: white;}
	#back:hover{
	color: #1c1c1c;}
	#history a {
	color: #1c1c1c;}
	#footer a:hover, #paragraph a:hover, #readmore:hover{
	color: #1c1c1c; }
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  
  
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
}

/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.015);
  transform: scale(1.015);
}