.header{
    background: #3b5998;
    width: 100%;
    height: 85px;
}
body{
    margin: 0;
    font-family: Helvetica, Arial, sans-serif;
}
.logo{
    width: 50%;
    padding-top: 33px;
    float: left;
}
.login{
    width:50%;
    float:left;
    padding-top: 10px;
}
.logo-text{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 170px;
    margin-top: 10px;
}
.login-label{
    color: #fff;
    font-size: 11px;
}
.login-controls{
    margin-left: 115px;
}
table, th, td {
    border-spacing: 10px solid;
  }
.forgot{
    color: #fff;
    font-size: 11px;
    text-decoration: none;
    color: #9cb4d8;
}
.sub-button{
    background: #4267b2;
    color: #fff;
    height: 20px;
    border-color:#29487d;
    cursor:pointer;
}
.sub-button:hover{
    background: blue;
}
.left-section{
    width:50%;
    float: left;
    padding-top: 1px;
}
.right-section{
    width: 50%;
    float:left;
}
.main-body{
    background: linear-gradient(white,#D3D8E8);
    width:100%;
    height:500px;
}
.image{
    padding-left: 134px;
   
}
.h1{
    margin-left:130px;
    margin-top:40px;
    font-weight: bold;;
}
.para2{
    margin-left: 135px;
    margin-top:-14px;
}
.signup{
    height: 24px;
    width:200px;
    border-radius: 5px;
    font-size:15px;
    border-color:#fff;
   
}
.s1{
    float: left;
    margin-left: 135px;
}
.s2{
    float: left;
    padding-left: 10px;
}
.s3{
    margin-left: 135px;
}
.h5{
    margin-left: 135px;
    color: gray;
    margin-bottom: 5px;
}
.s4{
    margin-left: 135px;
}
.s5{
    margin-left: 135px;
    font-weight: bold;
    font-size:14px;
}
.select{
    border:solid 1px;
    border-color: gray;
    border-radius: 3px;
}
.button{
    margin-left: 135px;
    color: #fff;
    background:linear-gradient(to right, #56ab2f, #a8e063);
    border-radius: 3px;
    border-color:linear-gradient(to right, #56ab2f, #a8e063);
    width: 150px;
    height:30px;
    
}