h1{
	color: #00C957;
    font-family: 'Handlee', cursive;
	text-align: center;
	font-size:40px;
}
h2{
    color: #00C957;
    font-family: 'Handlee', garamond, serif;
	text-align: center;
	font-size:35px;
}
h3{
	font-size: 26px;
}
p{
    font-family: 'Handlee', 'Lora', garamond, serif;
    font-size: 20px;
}

a{
	color:#00C957;
}


/* Style the tab */
.tab{
	overflow: hidden;
	font-family: 'Handlee', 'Lora', garamond, serif;
	background-color: #C1FFC1;

}

button{
	color:#00C957;
}
/* Style the buttons that are used to open the tab content*/
.tab button{
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-family: 'Handlee', 'Lora', garamond, serif;
	font-size: 30px; 

}

/* Change background color of buttons on hover */
.tab button:hover{
	background-color: #B4EEB4;

}

/* Create an active/current tablink class*/
.tab button.active{
	background-color: #00C957;
	color:white;
}

.tabcontent{
	font-family: 'Handlee', serif;
	display: none;
	padding: 6px 12px;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@keyframes fadeEffect{
	from{opacity:0;}
	to{opacity: 1;}
}

/* Add a green background color to the top navigation */
.topnav{
	/*background-color: #00FFAA;*/
	background-color: #C1FFC1;
	overflow: hidden;
	font-family: 'Handlee', serif;
}

/* Style the links inside the navigation bar */
.topnav a{
	float: left;
	color: #00C957;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px; 
}

/* Change the color of links on hover */
.topnav a:hover{
	background-color: #00C957; 
	color:white;
}


/* Add a color to the active/current link */

.topnav a.active{
	background-color: #00C957;
	color: white;

}