.main-box {
    height: 80%;
   width: 820px;
   min-height: 450px;
   margin: auto;
   padding: 0;
}
.main-box-top{
   
   
   
   background: rgb(247,4,243);
   background: -moz-linear-gradient(45deg, rgba(247,4,243,1) 0%, rgba(179,4,214,1) 44%, rgba(63,2,56,1) 100%);
   background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(247,4,243,1)), color-stop(44%,rgba(179,4,214,1)), color-stop(100%,rgba(63,2,56,1)));
   background: -webkit-linear-gradient(45deg, rgba(247,4,243,1) 0%,rgba(179,4,214,1) 44%,rgba(63,2,56,1) 100%);
   background: -o-linear-gradient(45deg, rgba(247,4,243,1) 0%,rgba(179,4,214,1) 44%,rgba(63,2,56,1) 100%);
   background: -ms-linear-gradient(45deg, rgba(247,4,243,1) 0%,rgba(179,4,214,1) 44%,rgba(63,2,56,1) 100%);
   background: linear-gradient(45deg, rgba(247,4,243,1) 0%,rgba(179,4,214,1) 44%,rgba(63,2,56,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f704f3', endColorstr='#3f0238',GradientType=1 );
  
   border: 1px solid;
   height: 80%; 
   border: 1px solid #F300FF;
   border-radius: 10px;
  
   background-color: #EA00FF;
   


}

.girl{
   background-repeat: no-repeat;
   height: 100%;
   background-size: cover;
   background-position: top right;
   border-radius: 10px;
}
body {
   background: #000;
}

.logo{
   height: 45%;
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center center;
}
 

h5 {
   
   color: #FFF;
}


.enter {
   background: rgb(252,234,187);
   background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,234,187,1)), color-stop(50%,rgba(252,205,77,1)), color-stop(51%,rgba(248,181,0,1)), color-stop(100%,rgba(251,223,147,1)));
   background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
   background: -o-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
   background: -ms-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
   background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
    border-radius: 10px;
   color: #870399 !important;
   border: 2px solid #F6D100;
   text-decoration: none;
   line-height: 50px !important;
    margin: auto;
   width: 360px;
   height: 50px;
   display: block;
   text-align: center; 
   background-color: #C18000;
   color: #FFF;
   font-size: 38px;
   text-shadow: 0 -1px 0 rgba(63, 43, 0, 0.39); 
}
a.enter.free-signup {
   font-size: 20px;
   width: 160px;
   height: 34px;
   line-height: 31px !important;
   margin-top: 15px;
   color: #fff !important;
   background: #bfd255;
   background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
   background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
   background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%);
   border: 2px solid #CDDC39;
}

form .col-xs-4{
   
   padding: 1px;

}

form .col-xs-4{

   padding: 1px;


}
.small {
   
   font-size: 10px;
   color: #FFF;

}
a.button-2 {
   display: block;
   border: 2px solid #000;
   padding: 4px 1px;
   background-color: #70006C;
   color: #FFFFFF !important;
   font-size: 10px;
   margin: 0;
   float: left;
   box-sizing: border-box;
   height: 32px;
   border-right: none;
   text-align: center;
   line-height: 25px;
   text-decoration: none;
   border-radius: 10px;
}
.main-box-top {
   min-height: 400px;
}
.col-xs-12 {
   padding: 0;
}