@font-face {
  font-family: "Montserrat";
  src: url("../packets/fonts/Montserrat/Montserrat-Medium.ttf");
}
@font-face {
  font-family: "Fagundes";
  src: url("../packets/fonts/Montserrat/Montserrat-Bold.ttf");
}
@font-face {
  font-family: "Poppins";
  src: url("../packets/fonts/Poppins-Light.ttf");
}


body
{
	font-family:Montserrat;
}

.container
{
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
}

.LoginPanel
{
	height:400px;
	width:350px;
	background-color:rgba(255,255,255,0.3);
	border-radius:5px;
	display:flex;
	flex-direction:column;
}

.div1
{
	width:100%;
	height:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.5s;
}

.div1 img
{
	height:40px;
}

.div2
{
	background-color:rgba(0,0,0,0.1);
	width:100%;
	height:60%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	overflow:hidden;
	transition:all 0.5s;
}

.div2 input
{
	width:80%;
	font-size:16px;
	padding:20px;
	border:none;
	border-radius:3px;
	margin:10px;
	background-color:rgba(255,255,255,0.5);
	font-family:Montserrat;
}

.div2 input:focus
{
	outline:none;
	background-color:rgba(255,255,255,1);
}

.div3
{
	width:100%;
	height:20%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.5s;
}

.div3 button
{
	font-family:Montserrat;
	padding:10px 20px;
	border-radius:5px;
	border:none;
	background-color:#00C5AD;
	color:white;
	cursor:pointer;
}

.div3 button:disabled
{
	background-color:gray;
	opacity:0.5;
	cursor:default;
}

.div3 img
{
	height:50%;
	display:none;
}