#login-container {
	/* background-color: aquamarine; */
	height: 300px;
	width: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(0, -50%);
}

#welcome {	
	font-size: 32px;
	font-weight: 400;
	color: #191B1D;
	position: absolute;
	top: 0px;
	left: 190px;
}

#uname-word {
	position: absolute;
	font-size: 22px;
	left: 0px;
	top: 57px;
}

#uname-input {
	position: absolute;
	left: 90px;
	top: 67px;
	width: 400px;
	height: 52px;
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #FFFFFF;
	font-size: 22px;
}

#uname-input:focus {
	border: 1px solid #FFFFFF;
}

#pword-word {
	position: absolute;
	font-size: 22px;
	left: 0px;
	top: 140px;
}

#pword-input {
	position: absolute;
	left: 90px;
	top: 152px;
	width: 400px;
	height: 52px;
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #FFFFFF;
	font-size: 22px;
}

#pword-input:focus {
	border: 1px solid #FFFFFF;
}

#login-button {
	width: 120px;
	height: 50px;
	background: #185AF1;
	border-radius: 4px;
	position: absolute;
	right: 110px;
	top: 230px;
	color: #FFFFFF;
	font-size: 21.67px
}


#login-button:hover {
	cursor: pointer;
	filter: brightness(0.7);
}

#login-button:active {
	filter: brightness(0.5);
}