BODY{

background: url('/images/sailormoon.jpg');

scrollbar-face-color:#f2d8e6;

scrollbar-highlight-color:#bb79a0;

scrollbar-3dlight-color:#f6e8f0;

scrollbar-darkshadow-color:#f6e8f0;

scrollbar-shadow-color:#bb79a0;

scrollbar-arrow-color:#bb79a0;

scrollbar-track-color:#f2d8e6;
}

div, td	
{font-family: arial; 
text-align: justify;
font-size: 13pt; 
color: #d78bb6;
cursor: se-resize;
}



input, textarea
{ background: #f2d8e6 url('/images/header.jpg');
font-family: arial;
color: #6e52d6; 
border-style: solid;
border-color: #bb79a0;
border-width: 1 }


.header

 {color:#d78bb6;
font-size: 13px;
font-weight: bold;
text-align: center; 
background-image: url('/images/header.jpg');

border:#bb79a0;
border-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;}

.nav

  {color:#d78bb6;
font-size: 13px;
font-weight: bold;
text-align: center; 
background-image: url('/images/header.jpg');
border:#bb79a0;
border-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;}


.outline

  {
color:#d24883;
font-size: 13px;
font-family: arial;
text-align: justify;
background:#f9e5ee;
border:#bb79a0;
border-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;}


.content

  {
color:#6e52d6;
font-size: 13px;
font-family: arial;
font-weight:normal;
background:#ffebf4;

border:#bb79a0;
border-style:solid;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;}



A:link {color: #ca6e95;text-decoration:none; font-weight: none;}
A:visited {color: #de7ea7;text-decoration: none; font-weight: none;}
A:active {color: #de7ea7;text-decoration:none; font-weight: none;}
A:hover {color:#eb639d; text-decoration: none; font-weight: bold;
cursor: crosshair}

p {margin-left:.8%; margin-right:.8%}

body {
   overflow-x: hidden; /* Hide horizontal scrollbar */
}

.hana {
  position: absolute;
  height: 0;
  width: 0;
  border: 10px solid pink;
  border-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
}
.hana::after {
  content: "";
  display: block;
  position: absolute;
  top: -7px;
  left: -7px;
  height: 0;
  width: 0;
  border: 10px solid pink;
  border-radius: 15px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.y1 {
  -webkit-animation:v1 120s infinite;
  animation:v1 120s infinite;
}
.y2 {
  -webkit-animation:v2 120s infinite;
  animation:v2 120s infinite;
}
@-webkit-keyframes v1 {
  from{ -webkit-transform: rotate(0deg); }
  50%{ -webkit-transform: rotate(270deg); }
  to{ -webkit-transform: rotate(1deg); }
}
@-webkit-keyframes v2 {
  from{ -webkit-transform: rotate(-90deg) scale(.8); }
  50%{ -webkit-transform: rotate(-360deg) scale(.8); }
  to{ -webkit-transform: rotate(-89deg) scale(.8); }
}
@keyframes v1 {
  from{ transform: rotate(0deg); }
  50%{ transform: rotate(270deg); }
  to{ transform: rotate(1deg); }
}
@keyframes v2 {
  from{ transform: rotate(-90deg) scale(.8); }
  50%{ transform: rotate(-360deg) scale(.8); }
  to{ transform: rotate(-89deg) scale(.8); }
}