<style type="text/css">
<!--
.underline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.style1 {
	color: #000000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-decoration: underline;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	background-color: #99FFCC;
	color: #CC0033;
}
.style3 {
	color: #000000;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: center;
}
.style4 {
    width: 150px;
    height: 20px;
    position: relative;
    left: 44%;    
    text-align: center;
    background-color: #FFF000;
    animation-name: example;
    animation-duration: 20s;
}
.style4:hover{
    transform-origin: left top;
    transition: transform 30s;    
    transform: rotate(1000deg);
}

@keyframes example {
    from {
        background-color: #baf9dd;
    }
    to {
        background-color: yellow;
    }
    0% {transform: translateX(0);}
    15% {transform: translateX(50px);}
    30% {
        transform-origin: right top;
        transform: rotate(2700deg);
    }
    45% {transform: translateX(0);}
    55% {transform: translateX(-50px);}
    70% {
        transform-origin: left top;
        transform: rotate(90deg);    
    }
    100% {transform: translateX(0);}    
}

.normal1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
}
.rednormal1 {
	color: #FF0033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
}
.hashStarted {
	color: #400080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: justify;
	text-align-last: center;
}
.weAreFull {
	color: #FF0033;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 45px;
	font-style: normal;
}
.hareCmnt {
	color: #631E8E;
	text-align: center;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
}
.bluenormal1 {
	color: #400080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
}
.blacknormal1 {
	color: #000000;
	font-weight: 300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
}
.greenline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #008040;
	font-style: normal;
	line-height: normal;
}
.redMiddle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	/*background-color: #eb4034;*/
	color: #eb4034;
	text-align: center;
}
.orMiddle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #eb4034;
	text-align: center;    
}
input[type = text]
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	/*background-color: #99FFCC;*/
	/*color: #CC0033;*/
	font-size: 14pt;
}
input[type = submit]
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	background-color: #96faa0;
	/*color: #CC0033;*/
	font-size: 14pt;
	border-radius: 12px;
}
.submitGreen
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	background-color: #96faa0;
	/*color: #CC0033;*/	
	font-size: 14pt;
	border-radius: 12px;
}
.submitGreen:hover 
{
    background-color: #CF4647;
}
-->
</style>