body {

background-image: url(premade/maurice.jpg), url(premade/bg1.jpg);
background-repeat: no-repeat, repeat;
background-color: #000000;
background-position: top left;
background-attachment: absolute;font-size: 14px;color:#ffffff;font-weight: 200;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;
    max-width: 100%;
    overflow-x: hidden;
}

ul {
columns: 2;
-webkit-columns:2;
-moz-columns:2;
display: inline-block;

}

li{
border-top: 3px solid #6DC2E9;
border-bottom: 5px solid #E17AA9;
background-color: #000000;
width:200px;
height:45px;
color:#6DC2E9;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
display: inline-block;



}

li:hover{background-color: #000000;color: 5px solid #6DC2E9}

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

/* Track */
::-webkit-scrollbar-track {
  background: #000000;
}

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

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


.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:750px; margin-right: auto;
margin-top: 610px;
margin-left:50px;
  scroll-padding: 50px 0 0 50px;
padding-right:30px;padding-left:30px;
background-color: #000000;
opacity:0.6;background-image: url(premade/bg.jpg);-webkit-border-radius: 40px;
-moz-border-radius: 60px;
border-radius: 50px;}


p {
font-size: 14px;color:#ffffff;font-weight: normal;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;}

h1 {
color: #6DC2E9;
	font-family: 'Homemade Apple', cursive;
	text-align: left;
        font-size:26px;}

	
}




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

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


#navi{
	position: absolute;
	width: 200px;
	left:880px;
	top:470px;
  z-index:2;background-image: url(premade/bg.jpg); opacity:0.5;
}

a.navi {
color: #6DC2E9;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #000000;
	line-height: 20px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;

	}

a.navi:link {
color: #6DC2E9;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #000000;
	line-height: 20px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;
	}


a.navi:active {
color: #6DC2E9;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #000000;
	line-height: 20px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;
	}

a.navi:visited {
color: #6DC2E9;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #000000;
	line-height: 20px;
	padding: 5px;
	display: block;
        border: 0px;
        text-align: left;
        text-transform: uppercase;
        text-decoration: none;
	text-shadow: none;
        width: 200px;
        margin: 10px;}


a.navi:hover{
color: #ffffff;
	background: no-repeat top center #6DC2E9;
	text-decoration: none;
	text-shadow: none;
}


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


a:link {color:#6DC2E9;

text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;

}






     
a:visited {color:#6DC2E9;

text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;


}


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

font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;

}  



a:active {color:#6DC2E9;


text-decoration:none;
font-size: 14px;
        letter-spacing:1px;
font-family: 'Playfair Display', serif;
        font-weight: 200;
}




b { 
        color: #5BD1C2; border-bottom:5px solid #5BD1C2;
}

i { 
        color: #5BD1C2;border-bottom:5px solid #5BD1C2;
}


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