body {
	font-family: 'Open Sans', sans-serif;
}

.topnav {
	padding: 20px 0px;
	text-align: center;
}

/* Targets just <a> tags inside of the <nav class="topnav"> */
.topnav a {
	text-decoration: none;
	color: white;
	padding: 15px 5%;
	font-weight: 600;
	background-color: #89c3cc;
	text-align: center
}

/* Targets just <a> tags inside of the <nav class="topnav">,
   when mouse is hovering over it: 
*/
.topnav a:hover {
	text-decoration: none;
	color: #dcdddf;
	background-color: white;
}
.reason{
	margin: 5px 15%;
}
header {

}
.title {
	text-align: center
}
footer {
	border-top: 1px solid black;
	margin-top: 40px;
}
h1 {text-align:center;
	font-family: 'knewave',cursive;
	font-size: 50px;
	color: #dcdddf
	}
.recents {
	text-align:left;
	font-size: 40px;
	margin-left:5%;
	}

	p {
		font-family: 'Indie Flower' ,cursive;
		font-size: 20px;
	}
	.titleimage {
		width:20%;
	}
h2 {
	color: #dcdddf;
	font-family: 'knewave' ,cursive;
	margin: 5px 10%;
	font-size: 35px
}
.verse{
	color:black;
	font-family: opensans;
}
.description
{
	margin: 0px 10%;
	
}
.blogbody {
	margin: 0px 15%;
}
.links {
	width:30%;
	border-radius: 5%;
	border-color:#dcdddf;
}
h3 {
	margin-left:10%;
}
.plans {width:50%;}
.pic {
	text-align: center
	
}
.piclinks {
	background-color: #89c3cc;
}
.me {
	width:25%;
}
.mepic{
	text-align: center
}
.move {
	margin-left: 5%;
	padding-bottom: 5%;
}
.move a:hover {
	text-decoration: none;
	background-color:grey;
	border-image: 2%
}
.link a{
	color:white;
	background-color: #dcdddf;
}
.meabout {
	font-family: 'Indie Flower' ,cursive;
	margin: 0px 10%;
}
.sparkle {background-color: white}
body {background-image: url("sparkle.jpg")}