@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-Light.eot');
	src:	url('../fonts/InriaSerif-Light.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-Light.woff2') format('woff2'),
			url('../fonts/InriaSerif-Light.woff') format('woff'),
			url('../fonts/InriaSerif-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-LightItalic.eot');
	src:	url('../fonts/InriaSerif-LightItalic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-LightItalic.woff2') format('woff2'),
			url('../fonts/InriaSerif-LightItalic.woff') format('woff'),
			url('../fonts/InriaSerif-LightItalic.svg') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-Italic.eot');
	src:	url('../fonts/InriaSerif-Italic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-Italic.woff2') format('woff2'),
			url('../fonts/InriaSerif-Italic.woff') format('woff'),
			url('../fonts/InriaSerif-Italic.svg') format('svg');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-Regular.eot');
	src:	url('../fonts/InriaSerif-Regular.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-Regular.woff2') format('woff2'),
			url('../fonts/InriaSerif-Regular.woff') format('woff'),
			url('../fonts/InriaSerif-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-Bold.eot');
	src:	url('../fonts/InriaSerif-Bold.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-Bold.woff2') format('woff2'),
			url('../fonts/InriaSerif-Bold.woff') format('woff'),
			url('../fonts/InriaSerif-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family:'Inria Serif';
	src:	url('../fonts/InriaSerif-BoldItalic.eot');
	src:	url('../fonts/InriaSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),
			url('../fonts/InriaSerif-BoldItalic.woff2') format('woff2'),
			url('../fonts/InriaSerif-BoldItalic.woff') format('woff'),
			url('../fonts/InriaSerif-BoldItalic.svg') format('svg');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family:'Happy Times';
	src:	url('../fonts/happy-times-NG_regular_master_web.ttf');
	src:	url('../fonts/happy-times-NG_regular_master_web.woff2') format('woff2'),
			url('../fonts/happy-times-NG_regular_master_web.woff') format('woff');
	font-style: regular;
}

@font-face {
	font-family:'Happy Times';
	src:	url('../fonts/happy-times-NG_italic_master_web.ttf');
	src:	url('../fonts/happy-times-NG_italic_master_web.woff2') format('woff2'),
			url('../fonts/happy-times-NG_italic_master_web.woff') format('woff');
	font-style: italic;
}

@font-face {
	font-family:'Happy Times';
	src:	url('../fonts/happy-times-NG_bold_master_web.ttf');
	src:	url('../fonts/happy-times-NG_bold_master_web.woff2') format('woff2'),
			url('../fonts/happy-times-NG_bold_master_web.woff') format('woff');
	font-style: regular;
	font-weight: bold;
}

body {
    font-family: 'Happy Times';
    font-size: 17px;
	color: black;
}

#author {
    position: fixed;
    top: 0;
    left: 20px;
}

.text-wrapper {
    margin-left: 400px;
    width: 40%;
    line-height: 19px;
}

.numbering {
    margin-left: 200px;
}

.magenta {
    color: rgb(241, 178, 220);
}

.pink {
    color: white;
}

.fourth-blue {
    color: rgb(0, 180, 244);
}

.baudelaire-blue {
    color: rgb(0, 163, 173);
}

.third-blue {
    color: rgb(0, 80, 184);
}

.second-blue {
    color: rgb(0, 60, 164);
}

.first-blue {
    color: rgb(0, 0, 124);
}

.white {
    color: white;
}

.orange {
    background-color: rgb(112, 132, 186);
	padding-bottom: 50px;
	padding-top: 100px;
}

.black {
    color: black;
}

.text-block {
    text-indent: -75px;
    text-align: justify;
}

.text-block-pos {
	text-indent: 75px;
    text-align: justify;
}

.foot-note {
    float: right;
}

.no-indent {
	text-indent: 0px;
	text-align: center;
}

.title {
	font-size: 50px;
	line-height: 48px;
}

#photo {
	width: 200px;
	margin-top: 100px;
}

#daedalus {
	width: 200px;
}

#daedalus-logo {
	width: 200px;
}

.center {
	text-align: center;
}

.smaller {
	font-size: 11px;
}

.footer {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

@media (max-width: 768px) {
	.text-wrapper {
		margin-left: 40px;
		line-height: 19px;
		width: 80%;
	}
	.numbering {
		margin-left: 20px;
	}

	#title {
		font-size: 20px;
		line-height: 18px;
	}

	.text-block {
		text-indent: -15px;
		text-align: justify;
	}

	.text-block-pos {
		text-indent: 15px;
		text-align: justify;
	}

	#photo {
		width: 100px;
		margin-top: 100px;
	}
}

.modal {
	display: none; /* hide the modal by default */
	position: fixed;
	z-index: 1;
	right: 20px;
	bottom: 0;
	width: 5%;
	overflow: auto;
}

.modal-content {
	background-color: #fefefe;
	color: black;
	border-radius: 1px;
	border-style: solid;
	border-color: rgb(211, 211, 211);
	margin: 15% auto;
	padding: 20px;
}

.no-hover p:hover{
	color: white;
}

.no-hover-b p:hover{
	color: black;
}

.hover p:hover {
	color:  rgb(94, 126, 213);
}

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

.small {
	font-size: 11px;
}