
/* basic page structure */
@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab&family=Vina+Sans&display=swap');

::-webkit-scrollbar {
	width: 15px;
	background: transparent;
}
::-webkit-scrollbar-button {
	height: 0px;
	border-radius: 10px;
}
::-webkit-scrollbar-track {
	border: 0px;
}
::-webkit-scrollbar-thumb {
	  	background: #ff688a;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: #ad1f1a;
}

* {
  scroll-behavior: smooth !important;
}

body {
    color:#000000;
	margin: 0;
	background: #c6e2d1;
	font-family: 'Montagu Slab', serif;
	font-size: 16px;
	line-height: 29px;
}

#wrapper {
    width: 100%;
    margin: 0 auto;
}

#navigation {
    height: 40px;
	line-height: 40px;
	vertical-align:middle;
    width: 100%;
    background: #ff688a;
	position: fixed;
	top: 0px;
	z-index: 999999 !important;
	padding-left: 20px;
}

#content {
    background: #ffffff;;
    width: 60%;
	margin: 0px auto;
	margin-top: 60px;
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0px 0px 10px #81bf98;
}

#copyright{
	text-align: center;
	width: 100%;
	margin-bottom: 150px;
	line-height: 40px;
}

#footer {
	height: 150px;
    width: 100%;
	background: limegreen;	
	background: url('images/flowers.png');
	background-size: 90%;
	background-position: bottom center;
	background-repeat: repeat-x;
	text-align: center;
	bottom: 0;
	left: 0;
	position: fixed;
}


a{
font-weight: bold;
text-decoration: none;
transition: all .5s ease-in-out;
}

#navigation a{
color: #ffbdd0;
margin-right: 8px;
}

#navigation a:hover{
color: #ffffff;
}

#content a{
color: #ff688a;
}

#content a:hover{
color: #306953;
}

#copyright a{
color: #ff688a;
padding: 3px 5px;
border-radius: 10px;
}

#copyright a:hover{
color: #ffffff;
background: #306953;
}

/* ELEMENTS */

h1,h2,h3,h4,h5,h6{
text-align: center;
font-weight: normal;
margin: 5px;
font-family: 'Vina Sans', cursive;
text-transform: capitalize;
letter-spacing: 1px;
}

h1{
	font-size: 48px;
	line-height: 52px;
	color: #306953;
	text-decoration: underline wavy #ff688a;
}


h2, h3,h4{
	font-size: 36px;
	line-height: 42px;
}

h5,h6{
	font-size: 30px;
	line-height: 36px;
}


b, strong{
color: #306953;
}


i, cite, em{
color: #306953;
}

u,.underline{

}

s,del{
color: #306953;
}

.history{
text-align:center;
}