section {
	position: relative;
	width: 100%;
	height: 100vh;
	padding: 0px;

	display: flex;
  	align-items: center;
  	justify-content: start;
  	flex-direction: row;
  	gap: 0px;
}

.section-left {
	position: relative;
	width: 40%;
	height: 100%;
	color: white;

	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
  	gap: 10px;

  	background: rgb(21,44,65);
	background: linear-gradient(90deg, rgba(21,44,65,1) 0%, rgba(14,59,99,1) 50%, rgba(1,63,119,1) 100%);
}

.section-left img {
	width: 100px;
}

.section-left p {
	font-size: 1.3em;
}

.section-right {
	position: relative;
	width: 60%;
	height: 100%;
	color: #002D55;

	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
  	gap: 10px;
}

.section-right h1 {
	margin-bottom: 30px;
}

.input-login {
	position: relative;
	display: flex;
	align-items: center;
  	justify-content: center;
  	flex-direction: row;
  	gap: 5px;

	background-color: rgba(55, 114, 167, 0.4);
	padding: 0px 10px;
	border-radius: 5px;
	width: 250px;
}

.input-login svg {
	font-size: 1.3em;
}

.input-login input {
	background-color: transparent;
	color: rgba(55, 114, 167, 1.0);
	width: 100%;
	padding: 0px;
}

.input-login input::placeholder {
	color: #002D55;
}

.input-login input:focus::placeholder {
	color: rgba(0, 45, 85, 0.4);
}

.forgot-password {
	position: relative;
	width: 250px;
	color: #002D55;
}

#forgot-password {
	display: inline-block;
	width: 100%;
	text-align: right;
	color: #002D55;
}

#forgot-password:hover {
	color: #002D55;
}

.btn-1 {
  font-size: 1.1em;
  background-color: rgba(0, 45, 85, 1.0);
  color: white;
  padding: 7px 30px;
  border-radius: 15px;
  transition: background-color 0.3s;
}

.btn-1:hover {
  color: white;
  background-color: rgba(0, 45, 85, 0.8);
}