@font-face { 
	font-family: 'Abel-Regular';
	src: url('/content/font/Abel-Regular.ttf') format('truetype');
}
@font-face { 
	font-family: 'Adequate-ExtraLight';
	src: url('/content/font/Adequate-ExtraLight.ttf') format('truetype');
}
@font-face { 
	font-family: 'Cabin-Bold-TTF';
	src: url('/content/font/Cabin-Bold-TTF.ttf') format('truetype');
}

body,html {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	text-align: center;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Abel-Regular';
}

input {
	font-family: 'Abel-Regular';
}
button {
	font-family: 'Cabin-Bold-TTF';
}

.login {
	margin: auto;
	width: 800px;
	max-width: 90%;
	border: solid black 1px;
	padding: 50px 0px;
	background-color: rgba(250,250,250,1);
	transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	-moz-transition: .1s;
	-webkit-transition: .1s;
}

.login:hover {
	background-color: rgba(240,240,240,1);
}

.login img,.login source {
	width: 500px;
	max-width: 80%;
	height: auto;
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.login img:hover,.login source:hover {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.login input {
	text-align: center;
	width: 90%;
	border: none;
	outline: 0;
	margin: 10px 0px;
	padding: 20px;
	font-size: 20px;
	display: inline-block;
	background-color: rgba(220,220,220,1);
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.login input:hover {
	background-color: rgba(180,180,180,1);
}
.login input:focus {
	background-color: rgba(160,160,160,1);
}

.login button {
	cursor: pointer;
	border: none;
	outline: 0;
	width: 300px;
	padding: 20px;
	margin: 10px 0px;
	color: #FFFFFF;
	font-size: 20px;
	background-color: rgba(0,150,200,0.8);
	transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}
.login button:hover {
	background-color: rgba(0,150,200,1);
}