@charset "utf-8";
/* CSS Document */
body{
	background: pink;
}
.login_container{
	width: 40%;
	height: 500px;
	background: white;
	border-radius: 15%;
	position: relative;
	left: 50%;
	right: 50%;
	transform: translate(-50%);
	top: 50px;
	bottom: 50px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.5);	
}
#logo{
	position: absolute;
	left: 50%;
	right: 50%;
	transform: translate(-50%);
	top: 10px;
}
.login_form_container{
	position: absolute;
	width: 30%;
	left: 0%;
	right: 0%;
	top: 130px;
	bottom: 0%;
	margin: auto;
}
#loginbtn{
	color: white;
	background-color:#AF60EE; 
	text-decoration-color: white;
	width: 100%;
	padding: 5px;
	position: absolute;
	left: 50%;
	right: 50%;
	transform: translate(-50%);
}
/* Responsive section */
@media only screen and (max-width: 1050px){
.login_container{
	width: 80%;
	border-radius: 30px;
	top: 50px;
	margin-bottom: 50px;
	height: 500px;
	}
	.login_form_container{
		width: 50%;
	}
}