body
{
   overflow: hidden;
   margin: 0px;
   padding: 0px;
}

#bodydiv
{
   z-index: -99;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin: 0px;
   padding: 0px;
   background-image: linear-gradient(left bottom, #78574A 11%, #F0591D 68%);
}
#loginbox
{
   z-index: 99;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 300px;
   height: 150px;
   background-image: linear-gradient(left bottom, #1C369A 11%, #4F96CD 68%);
   margin-left: -170px;
   margin-top: -95px;
   border: 2px solid grey;
   border-radius: 25px;
   padding: 20px;
   box-shadow: 5px 5px 5px #666666;
   animation: loginbox 2s;
   animation-delay: 0s;
   animation-iteration-count: 1;
   animation-direction:alternate;
   animation-play-state:running;
}

@keyframes loginbox
{
   0% {transform: rotateY(-90deg);}
   100% {transform: rotateY(0deg);}
}

.loginboxlabels
{
   width: 100px;
   margin-right: 20px;
   margin-left: 20px;
   display: inline-block;
}