body {

background-image: url(images/elf.jpg), url(images/bg2.jpg), url(images/bg.jpg);
background-repeat: no-repeat, repeat-y, repeat;
background-color: #3B3E38;
background-position: top left;
background-attachment: absolute;font-weight: normal;text-shadow: 0px 1px 0px #ffffff; font-family: 'Abel', serif; letter-spacing:1px; text-align:justify; line-height:23px;
display: flex;
  flex-direction: column;
  align-items: center;
}

::-webkit-scrollbar {width: 9px; height: 3px; background: #3B3E38;}
::-webkit-scrollbar-thumb {background-color: #D7CE82; border: 5px;}

.p2 {
font-size: 16px;color:#c0bfbf;font-weight: normal;
font-family:'Josefin Sans'; letter-spacing:2px; text-align:justify;
margin-bottom:10px;
}

.picture {
float:left;
margin:2px;
}

#container {
width:890px; margin-right: auto;
margin-top: 458px;
margin-left:50px; flex: 1 1 auto;  /*grow vertically*/}


p {
font-size: 20px;color:#D7CE82;font-weight: normal;
font-family: 'IM Fell English', serif; letter-spacing:1px; text-align:justify;
text-shadow: #000000 0px 0px 1px;}

h1 {
letter-spacing:4px;font-size: 33px;
color:#7BD451;text-align:center;
margin:0px;
font-weight: normal;
font-family: 'IM Fell English', serif;
text-align:justify;
text-shadow: #000000 0px 0px 1px;
	
}

h1:hover {
letter-spacing:4px;font-size: 33px;
color:#60A53F;text-align:center;
margin:0px;
font-weight: normal;
font-family: 'IM Fell English', serif;
text-align:justify;
text-shadow: #000000 0px 0px 1px;
	
}


h2 {
letter-spacing:4px;
font-size: 43px;
margin:0px;
padding-left:170px;
text-align:center;
text-transform: uppercase;
color:#60A53F;

font-weight: normal;
font-family: 'IM Fell English', serif;
text-shadow: #000000 0px 0px 1px;
}


#content {
width:890px;
height:100px;
}

.contentx  {
background-image: url(images/bg3.jpg);
background-color: #2E2E2E;
margin-bottom:14px;
width:890px;
padding: 10px 20px;
opacity:0.5;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
}


#navigation {
	position:relative;
        width:100%;
	left:0px;
	top:0px;
        font-family: 'IM Fell English', serif;
        font-weight: 300;
        line-height:20px;
        padding-top:40px;
        padding-bottom:30px;
        padding-left:7px;
        padding-right:7px;
        overflow:hidden;
        text-align:center;
}

#navigation A:link { 
        border-top: 3px solid #DECA79;
        text-decoration: none; 
        color:#DECA79; 
	font-size: 23px;
        letter-spacing:1px;
        font-family: 'IM Fell English', serif;
        font-weight: 500;
        text-transform: lowercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:20px;
        padding-right:20px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.7;
}

#navigation A:visited { 
        border-top: 3px solid #DECA79;
        text-decoration: none; 
        color:#DECA79;  
	font-size: 23px;
        letter-spacing:1px;
        font-family: 'IM Fell English', serif;
        font-weight: 500;
        text-transform: lowercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:20px;
        padding-right:20px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.7;
}

#navigation A:active { 
        border-top: 3px solid #DECA79;
        text-decoration: none; 
        color:#DECA79; 
	font-size: 23px;
        letter-spacing:1px;
        font-family: 'IM Fell English', serif;
        font-weight: 500;
        text-transform: lowercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:20px;
        padding-right:20px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.7;
}

#navigation A:hover {
        border-bottom: 3px solid #72C651;
        text-decoration: none; 
        color:#72C651; 
	font-size: 23px;
        letter-spacing:1px;
        font-family: 'IM Fell English', serif;
        font-weight: 500;
        text-transform: lowercase; 
        padding-top:7px;
        padding-bottom:7px;
        padding-left:20px;
        padding-right:20px;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
        opacity:0.9;
}

#footer {
clear:both;
text-align:center;
}











a:link {color:#72C651;

text-decoration:none;
font-size: 20px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;

}






     
a:visited {color:#72C651;

text-decoration:none;
font-size: 20px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;


}


a:hover {
transition:  .9s ease-out;
-moz-transition:  .9s ease-out;
-webkit-transition: .9s ease-out;
-o-transition: .9s ease-out;
color:#9BC651;
cursor:pointer;

font-size: 20px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;

}  



a:active {color:#72C651;


text-decoration:none;
font-size: 20px;
        letter-spacing:1px;
font-family: 'IM Fell English', serif;
        font-weight: 500;


}


strong { 
        color: #9BC651; 
}

b { 
        color: #9BC651; 
}


i { 
        color: #9BC651;
}


u { 
        color: #9BC651;
}

s { 
        color: #9BC651; 
}

em { 
        color:#9BC651; 
}

blockquote {
 	background-color:#31332F;
        border: 8px solid #AB9C52;
 	padding: 15px;
	text-align:justify;
	color:#ffffff;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.8;
}

.contentx input, textarea {
  background-color: #2C322E;
  border: 5px solid #AB9C52;
  padding:12px;
  color:#AB9C52;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.contentx img {
background-color:#000000;
padding:5px;
border:3px solid #000000;
}


.contentx img {
max-width:100%;
}

a img {
padding:5px;
background-color:#000000;
border:3px solid #000000;
max-width:100%;
}

a img:hover{
padding:5px;
background-color:#000000;
border:3px solid #000000;
max-width:100%;
}