/* Below line is used for online Google font */
@import url(https://fonts.googleapis.com/css?family=Roboto);
h2 {
	text-align: center;
	font-size: 24px;
}
hr {
	margin-bottom: 30px;
}
div.container {
	width: 960px;
	height: 610px;
	margin:50px auto;
	font-family: 'Roboto', sans-serif;
	font-display: swap;
	position:relative;
}
div.main {
	width: 320px;
	margin-top: 80px;
	float:left;
	padding: 10px 55px 40px;
	background-color: #FF9F9F;
	border: 15px solid white;
	box-shadow: 0 0 10px;
	border-radius: 2px;
	font-size: 13px;
}
input[type=text], [type=password] {
	width: 97.7%;
	height: 34px;
	padding-left: 5px;
	margin-bottom: 20px;
	margin-top: 8px;
	color: #4f4f4f;
	font-size: 16px;
}
label {
	color: #464646;
	font-size: 14px;
	font-weight: bold;
}
#login {
	width: 100%;
	background: linear-gradient(#7c7c7c 5%, #000000 100%);
	font-size: 20px;
	margin-top: 15px;
	padding: 8px;
	font-weight: bold;
	cursor: pointer;
	color: white;
	text-shadow: 0px 1px 0px #13506D;
}
#login:hover {
	background: linear-gradient(#36caf0 5%, #22abe9 100%);
}