html, body {
        height: 100%;
        margin:0;
}

body {            background-color:#2C2431;

}

::-webkit-scrollbar {height:20px; width: 30px;}
::-webkit-scrollbar-corner {background-color:#2C2431;}


::-webkit-scrollbar-track-piece {
    background-color: #2C2431;
}

::-webkit-scrollbar-thumb {
    width:14px; height:10px;
    background-color:#E4D58B;
    border: 14px solid #2C2431;
}


.nav {margin-top:-20px;
	position: relative;
	float: center;
background-color:#1F0E0B;position-center;
z-index:1;
text-align:center;
font-size:13px;
letter-spacing:3px;
line-height:20px;
padding:15px;
padding-bottom:10px;
height:30px;width:60%;-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;opacity:0.4;border:2px solid #ffffff;
}
			
.nav a {
text-transform:uppercase;
letter-spacing:6px;
padding:53px;
font-size:13px;}

.nav A:link { 
font-family: 'Zeyada', cursive;
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:10px;
font-size:16px;
color:#E4D58B;
}

.nav A:visited { 
font-family: 'Zeyada', cursive;
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:10px;
font-size:16px;
color:#E4D58B;
}

.nav A:active { 
font-family: 'Zeyada', cursive;
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:10px;
font-size:16px;
color:#E4D58B;
}

.nav A:hover { 
font-family: 'Zeyada', cursive;
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:10px;
font-size:16px;
color:#ffffff;opacity:0.7;
}


#header {
        background-image: url('images/halloween.jpg');
        background-repeat: no-repeat;
        background-position: center; 
        height:532px;
        width:100%;
        margin-top:-10px;
}


a:link {
        text-decoration: none; 
        color:#6A6574; 
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;
}

a:visited {
        text-decoration: none; 
        color:#6A6574; 
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:active {
        text-decoration: none; 
        color:#6A6574; 
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}

a:hover {
        text-decoration: none; 
        color:#D4C689; 
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 600!important;}




b { 
        color: #D4C689;         font-weight: 400!important;border-bottom:3px dashed #D4C689;
}

i { 
        color: #D4C689;         font-weight: 400!important;border-bottom:3px dashed #D4C689;
}


#container {
	margin:-70px;
	position: relative;
	float: center;
	width:60%;
}

.contentcontainer{
        margin-left:0px;
        margin-right:0px;
        margin-bottom: 90px;padding:25px;
	font-size: 15px;
font-family: 'Libre Baskerville', serif;
        font-weight: 500!important;
        text-align:justify; color:#D4BBE4;
        line-height:25px;letter-spacing:2px;  
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}


blockquote {
 	background-color:#231D27; 
 	padding: 8px;
	text-align:justify;
	color:#D4BBE4;;opacity:0.8;border:3px dotted #BC9F70;}

h1 { 
	color:#BC9F70;opacity:0.9;
        letter-spacing:1px;
font-family: 'Zeyada', cursive;
        font-size:40px;
        padding:10px;}

.contentcontainer input, textarea, select {
  background-color: #231D27;
  border: 2px dashed #BC9F70;
  padding:4px;
  color:#BC9F70;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}