html, body {
  height: 100%;
}

body{
	font-family: 'Montserrat', sans-serif;
	background-color: #FEFBD4;
}

h1, h2, h3, h4, h5 {
	font-family: 'Indie Flower', cursive;
}

.circle{
	border-radius: 50%;
}

.profileImage{
	margin-top:-65px;
	min-width:100px;
	margin-left:-50px;
	margin-right:-50px;
  border: 2px solid #9BD54A;
}

/* .contentImage{

} */

.largeMargin{
	margin-bottom:100px;
}

.lightColor{
	color:#ffffff;
}
.mediumColor{
	color:#9BD54A;
}

.redColor{
	color: #F87E08;
}

.greenBorder{
	border: 2px solid #9BD54A;
}

.menu{
	margin-top: -100px;
}

.title{
	background-color:#9BD54A;
	background-image: url("../images/owl.png");
    background-repeat: no-repeat;
    background-position: left top;
	background-size:contain;

	padding-top:40px;
	padding-bottom:30px;
	margin-bottom:80px;
}

.content{
	font-family: 'Indie Flower', cursive;
	font-size:20px;
}

.secret{
	display:none;
	font-size:40px;
	background-color:#FDDAF9;
	border-radius: 15px;
}

.timelineContainer{
	background-image: url("../images/timelineLine.png");
    background-repeat: repeat-y;
    background-position: center top;
}

.timelineStart{
	min-width:100px;
	margin-left:-50px;
	margin-right:-50px;
}

.wishlistClosed{
	border: 2px solid #F87E08;
}

.wishlistOpen{
	border: 2px solid #9BD54A;
}

.wishlistHidden{
	opacity: 0.5;
}



.slide_div{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
}

.slide_hidden{
	opacity: 0;
}

.slide_visible{
	opacity: 1;
  transition: opacity 0.7s ease-out;
}

.slide_dark{
	background-color: #000000;
	color: #FFFFFF;
}

.slide_author_image{
	width: 200px;
	height: 200px;
  border: 5px solid #9BD54A;
}

.slide_author_name{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 20px;
}

.slide_date{
	font-weight: bold;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.slide_content{
	font-size: 3em;
	margin-top: 20px;
	margin-left: 50px;
	margin-right: 50px;
}

.slide_image_landscape{
	width: 100%;
}

.slide_image_portrait{
	height: 100%;
}

.slide_video_landscape{
	width: 100%;
}

.slide_video_portrait{
	height: 100%;
}

.slide_image{
}

.slide_video{
}