style.css

body{
    background-color: #dfe3ee;
    box-sizing: border-box;
}
.top{
	width: 102%;
	height: 10%;
	background-color: #3b5998;
    margin-left: -1%;
    margin-top: -0.5%;
	}

.fb{
color: white;
font-weight: bold;
font-size: 40px;
text-align: left;
margin-left: 150px;
}

.container {
    height:90%;
    background-color: #dfe3ee;
}
.hlf1{
	width: 50%;
    min-height: 100%;
	float: left;
	background-color: #dfe3ee;
}

.hlf2{
	width: 40%;
	float: right;
	min-height: 100%;
	background-color: #dfe3ee;
	
}
.txt{
	margin-left: 40%;
	color: black;
	font-weight: bold;
    font-size: 20px;
}
.button {
    background-color: #3b5998;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    float: right;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.acc {
    background-color: green;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    /*display: inline-block;*/
    float: left;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}
.abd{
	float: right;
}
.txt2{
	margin-left: 15%	;
}
.txt3{
	font-size: 18px	;
}
input[type=text] {
	width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
}
.cls input[type=text] {
	width: 80.5%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
}
.clr input[type=Password] {
	width: 80.5%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #ccc;
}