@keyframes slide-left-in
{
   0% { transform: translate(-100%,0px) rotate(1deg) ; opacity: 0; transform-origin: 0 0;  }
   100% { opacity: 1; transform: translate(0px,0px) rotate(0deg) ; transform-origin: 0 0;  }
}
.boy-heading
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-align: center;
   text-decoration: none;
   color: #87CEFA;
   --color: #87CEFA;
   background-color: transparent;
}
.boy-line
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #87CEFA;
   --color: #87CEFA;
   background-color: transparent;
   border: 2px solid #87CEFA;
   --border-color: #87CEFA;
}
.boy-page
{
   font-family: Arial;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #87CEFA;
   --color: #87CEFA;
   background-color: #EBF7FE;
   --background-color: rgba(235,247,254,1.00);
   border: 1px solid #87CEFA;
   --border-color: #87CEFA;
}
.boy-text
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #87CEFA;
   --color: #87CEFA;
   background-color: transparent;
   line-height: 1.2;
}
.girl-heading
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-align: center;
   text-decoration: none;
   color: #FF1493;
   --color: #FF1493;
   background-color: transparent;
}
.girl-line
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #FF1493;
   --color: #FF1493;
   background-color: transparent;
   border: 2px solid #FF1493;
   --border-color: #FF1493;
}
.girl-page
{
   font-family: Arial;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #FF1493;
   --color: #FF1493;
   background-color: #FFEEF8;
   --background-color: rgba(255,238,248,1.00);
   border: 1px solid #FF1493;
   --border-color: #FF1493;
}
.girl-text
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #FF1493;
   --color: #FF1493;
   background-color: transparent;
   line-height: 1.2;
}
.neutral-heading
{
   font-family: Arial;
   font-weight: bold;
   font-size: 32px;
   text-align: center;
   text-decoration: none;
   color: #808080;
   --color: #808080;
   background-color: transparent;
}
.neutral-line
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #808080;
   --color: #808080;
   background-color: transparent;
   border: 2px solid #808080;
   --border-color: #808080;
}
.neutral-page
{
   font-family: Arial;
   font-size: 13px;
   text-align: center;
   text-decoration: none;
   color: #C0C0C0;
   --color: #C0C0C0;
   background-color: #FFFFFF;
   --background-color: rgba(255,255,255,1.00);
   border: 1px solid #C0C0C0;
   --border-color: #C0C0C0;
}
.neutral-text
{
   font-family: Arial;
   font-size: 13px;
   text-decoration: none;
   color: #808080;
   --color: #808080;
   background-color: transparent;
   line-height: 1.2;
}