body {
background-image: url(img/chibiusa.jpg), url(img/bg1.jpg), url(img/bg.jpg);
background-repeat: no-repeat, repeat-x, repeat;
background-color: #ffffff;
background-position: top left;
background-attachment: absolute;font-size: 14px;color:#784E61;font-weight: 200;
font-family: 'Playfair Display', serif; letter-spacing:1px; text-align:justify;text-shadow: 0px 1px 0px #F6E8ED;
    max-width: 100%;
    overflow-x: hidden;
}

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

}

li{
border-top: 3px solid #E17AA9;
border-bottom: 5px solid #E17AA9;
background-color: #ffffff;
width:200px;
height:45px;
color:#784E61;
-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: #ffffff;color: 5px solid #EEDF69;}

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

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

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

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

.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: 580px;
margin-left:50px;
  scroll-padding: 50px 0 0 50px;
padding-right:30px;padding-left:30px;
background-color: #ffffff;
opacity:0.6;}

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

h1 {
color: #DF7AA9;
	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:590px;
  z-index:2;
}

a.navi {
color: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #DF7AA9;
	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: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #DF7AA9;
	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: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #DF7AA9;
	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: #ffffff;
	letter-spacing: 3px;
        font: bold 18px 'Roboto Condensed', sans-serif;
	background: no-repeat top center #DF7AA9;
	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: #DF7AA9;
	background: no-repeat top center #ffffff;
	text-decoration: none;
	text-shadow: none;
}

input,
textarea,
select {
	width: 80%;
	padding: 20px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #DF7AA9 !important;
	color: #ffffff;
	border: 1px solid rgba(194,178,128,0.18);
	border-radius: 18px;
	font-family: 'Georgia', serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:2.7;
	outline: none;
	box-sizing: border-box;
	transition:
		border-color 0.35s ease,
		background 0.35s ease,
		box-shadow 0.35s ease,
		transform 0.35s ease;
}

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

a:link {color:#DF7AA9;

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

}
     
a:visited {color:#DF7AA9;

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:#E53888;
cursor:pointer;

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

}  

a:active {color:#DF7AA9;

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

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

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

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