@import "http://https://fonts.googleapis.com/css?family=Lato:400,100,700,900,300";
/* Above line is used for online google font */
h2 {
text-align:center
}
hr {
margin-bottom:-10px
}

p {
	
}

span {
color:whitesmoke;
	font-size: 14px;
	font-weight: 500;
	text-align: center
}

div.main {
width:960px;
height:655px;
margin:50px auto;
font-family: 'Lato', sans-serif;
}

div.first {
width:380px;
height:570px;
float:left;
padding:15px 50px;
background:#f8f8ff;
box-shadow:0 0 10px gray;
margin-top:20px
}

input {
width:100%;
padding:8px;
margin-top:10px;
font-size:16px;
margin-bottom:25px;
box-shadow:0 0 5px;
border:none;
text-align: center
}

#btn {
width:50%;
padding:8px;
margin-top:10px;
background-color:#036ded;
cursor:pointer;
color:#f2f2f2;
border:2px solid #f2f2f2;
font-size:18px;
font-weight:700;
font-family: 'Lato', sans-serif;
margin-bottom:15px;
}

#btn:hover {
background-color:#3aabe1;
border:2px solid #f2f2f2
}