
/* 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: #4d3a1d;
	border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover {
	background: #fe6284;
}

* {
  scroll-behavior: smooth !important;
}

body {
    color:#000000;
	margin: 0;
	background: #d4b78a;
	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: #836330;
	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 #a47b3c;
}

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

#footer {
	height: 240px;
    width: 100%;
	background: limegreen;	
	background: url('images/cactus.png');
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	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: #c09654;
margin-right: 8px;
}

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

#content a{
color: #56a34f;
}

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

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

#copyright a:hover{
color: #8fd16f;
background: #f0e7d8;
}

/* 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: #62543e;
	text-decoration: underline wavy #8fd16f;
}


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

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


b, strong{
color: #836330;
}


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

u,.underline{

}

s,del{
color: #be9350;
}

.history{
text-align:center;
}