body {

background-image: url(premade/matrix.jpg), url(premade/bg1.jpg), url(premade/bg.jpg);
background-repeat: no-repeat, repeat-y, repeat;
background-position: top right;
background-color:#000000;
background-attachment: absolute;font-size: 12px;color:#ffffff;font-weight: normal;
font-family: 'Gabriela', serif; letter-spacing:1px; text-align:justify;
    max-width: 100%;
    overflow-x: hidden;
}



/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #6CE225;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #6CE225;
}


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


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

#container {
width:540px; margin-left: auto;
margin-top: 530px;
margin-right: 540px;
overflow: scroll;
height:320px; 
    max-width: 100%;
    overflow-x: hidden;
  scroll-padding: 50px 0 0 50px;
padding-right:30px;
padding-left:30px;
background-color: #2C3B2A;
opacity:0.9;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
border: 10px solid #3DA837;}

ul {
color:#ffffff;

}

li{
color:#ffffff;



}




h1 {
color: #3DA837;
	font-family: 'Gabriela', cursive;
	text-align: left;
        font-size:16px;}

	
}




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

.contentx  {
margin-bottom:14px;
width:500px;
padding: 10px 20px;
        border-radius: 10% 0% 1% 0%;
opacity:0.8;
}


#nav a:link, #nav a:visited, #nav a:active {
        color: #ffffff;
	letter-spacing: 4px;
border-top: 4px solid #6CE225;
	line-height: 12px;
	padding: 6px;
	display: inline-block;
        text-align: center;
        text-transform: lowercase;
        text-decoration: none;
        border-radius: 10% 20% 10% 30%;
        width: 60px;
        margin-top: 30px;
font-size: 10px;
	}

#nav a:hover {
	background: #000000;border-top: 4px solid #fffffff;
	}

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


a:link {color:#6CE225;

text-decoration:none;
font-size: 12px;
        letter-spacing:1px;
font-family: 'Gabriela', serif;
        font-weight: 500;

}






     
a:visited {color:#6CE225;

text-decoration:none;
font-size: 12px;
        letter-spacing:1px;
font-family: 'Gabriela', 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:#ffffff;
cursor:pointer;

font-size: 12px;
        letter-spacing:1px;
font-family: 'Gabriela', serif;
        font-weight: 500;

}  



a:active {color:#6CE225;


text-decoration:none;
font-size: 12px;
        letter-spacing:1px;
font-family: 'Gabriela', serif;
        font-weight: 500;
}




b { 
        color: #6CE225; 
}

i { 
        color: #6CE225;
}


blockquote {
 	background-color:#000000; 
 	padding: 15px;
        border-bottom: 10px solid #6CE225;
	text-align:justify;
	color:#ffffff;
	font-style:italic;
border-radius: 40px;
	 -moz-border-radius: 40px;
	 -webkit-border-radius: 40px;
   opacity: 0.8;
}