.main-container{
	width: 100vw;
	height: 100vh;
	min-height: 800px;
	background-image: url('../img/login-bg.png');
	background-size: cover;
    background-position: center;
}
.content-container{
	width: 904px;
	position: absolute;
    top: 10%;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 20px;
}
.title-container{
	display: flex;
	justify-content: center;
	text-align: center;
}
.title-container .logo{
	width: 67px;
	height: 67px;
}
.title-container .title{
	font-weight: 600;
	font-size: 46px;
	color: #FFFFFF;
	text-shadow: 0px 4px 7px rgba(40,42,43,0.3);
}
.title-container .sub-title{
	font-weight: 600;
	font-size: 38px;
	color: #FFFFFF;
	text-shadow: 0px 4px 7px rgba(40,42,43,0.3);
}
.form-container{
	margin-top: 50px;
	padding: 60px 120px;
	background-color: rgba(26, 26, 26, 0.4);
}
.register-btn{
	width: 100%;
	background: #4877A5;
	border-radius: 0;
	font-weight: 600;
	font-size: 22px;
	color: #FFFFFF;
}
.login-btn{
	width: 100%;
	background: #8CBC44;
	border-radius: 0;
	font-weight: 600;
	font-size: 22px;
	color: #FFFFFF;
}


.footer{
	width: 100%;
	position: fixed;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	font-size: 16px;
	color: #FFFFFF;
}
.footer a{
	color: #FFFFFF;
}