@font-face {
    font-family: 'Montserrat';
    src: url('webfonts/Montserrat-Light.woff2') format('woff2'),
         url('webfonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('webfonts/Montserrat-Regular.woff2') format('woff2'),
         url('webfonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('webfonts/Montserrat-Medium.woff2') format('woff2'),
         url('webfonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	text-align: center;
	background-image: url('../img/bg.jpg');;
	background-size: cover;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	z-index:1;
	color: #000;
}

.content {
	background: #ffffff;
	text-align: center;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:20;
	border-radius: 0.8rem;
	box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
	overflow: hidden;
	padding: 30px;
}

.login {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index:30;
}

.title {
	font-size: 25px;
	color: #000;
	margin-top: 30px;
}

.line {
	margin:20px auto;
}

.line i{
	color: #ccc;
	font-size: 13px;
}

.line input {
	border: none;
	margin: 10px 0 10px 5px;
	font-size: 15px;
	line-height: 30px;
	outline: none;
	border-bottom: 1px solid #ccc;
}

.logBut {
	width: 100%;
	padding: 10px 0;
	margin-top: 5px;
	border: none;
	font-size: 18px;
	cursor:pointer;
	background: linear-gradient(135deg, rgba(0,174,239,1) 31%, rgba(0,60,148,1) 80%);
	text-align: center;
	font-weight: 500;
	border-radius: 0.8rem;
	color: #fff;
	box-shadow: 0rem 0.25rem 1.75rem rgba(30, 34, 40, 0.07);
}

.logBut:active{
	transform: translate(0px, 3px);
}