@font-face{
	font-family:'inter';
	src:url(fonts/inter/inter.ttf);
}

@font-face{
	font-family:'interbold18';
	src:url(fonts/inter/static/interbold18.ttf);
}

html {
	height: 100%;
	margin: 0;
}

body {
	margin:0;
	padding:0;
	font-family:'inter';
	font-weight:normal;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	align-content:center;
	background-image: linear-gradient(to top left, rgb(8,46,0), rgb(17,103,0));
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	margin: 0;
}

#title-portal{
	font-size:2rem;
	font-weight:bold;
	margin-top:1.5rem;
	color:rgb(0,0,0);
}

#container{
	margin-top:5rem;
	width:20rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	background-color:rgb(240 ,240, 240);
	border-radius:0.75rem;
	box-shadow: 0 0 0 1px rgb(0, 0, 0);
	padding-bottom:2rem;

}

#subcontainer{
	width:90%;
	

}

.textfields{
	margin-top:0.15rem;
	width:17rem;

	padding-left:0.5rem;
	padding-top:0.65rem;
	padding-bottom:0.65rem;
	
	border-radius:0.25rem;
	font-size:1.1rem;
	outline:none;
	border:1px solid rgb(150, 150, 150);
	color:rgb(45,45,45);
}

.textfields:focus{
	border:1px solid rgb(17,103,0);
}

.title-field{
	margin-top:1.5rem;
	margin-left:0.4rem;
	font-size:0.9rem;
	font-weight:bold;
	color:rgb(75, 75 ,75);
}

nav{
	width:100%;
	background-color:rgb(0, 0, 0);
	display:flex;
	justify-content:center;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	position: sticky;
	top: 0;
	z-index: 1000;
	font-size:1.25rem;
	color:rgb(255, 255 ,255);
}

#nav2{
	width:90%;
	font-weight:bold;
}

#submitbtn{
	font-size:1.1rem;
	font-weight:bold;
	color:rgb(255, 255 ,255);
	background-color:rgb(17,103,0);
	border-radius:0.5rem;
	width:4rem;
	text-align:center;
	padding:0.5rem;
	margin-top:1.5rem;
	cursor:pointer;

}

#forgotpwd{
	color:rgb(17,103,0);
	font-size:0.9rem;
	text-decoration:none;
	margin-top:2rem;
	cursor:pointer;
}

#forgotpwd:hover{
	text-decoration:underline;
}

a{
	text-decoration:none;
	color:rgb(255, 255 ,255);
}

#loginerror{
	color:rgb(255,87,87);
	font-weight:bold;
	font-size:0.9rem;
	text-align:center;
	margin-top:2rem;
}



















#title-portal2{
	font-size:2rem;
	font-weight:bold;
	margin-top:1.5rem;
	color:rgb(0,0,0);
}

#container2{
	margin-top:5rem;
	width:20rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-content:center;
	align-items:center;
	background-color:rgb(240 ,240, 240);
	border-radius:0.75rem;
	border:1px solid rgb(0,0,0);
	padding-bottom:2rem;

}

#subcontainer2{
	width:90%;
	

}

.textfields{
	margin-top:0.15rem;
	width:17rem;

	padding-left:0.5rem;
	padding-top:0.65rem;
	padding-bottom:0.65rem;
	
	border-radius:0.25rem;
	font-size:1.1rem;
	outline:none;
	border:1px solid rgb(150, 150, 150);
	color:rgb(45,45,45);
}

.textfields:focus{
	border:1px solid rgb(17,103,0);
}

.title-field{
	margin-top:1.5rem;
	margin-left:0.4rem;
	font-size:0.9rem;
	font-weight:bold;
	color:rgb(75, 75 ,75);
}





#submitbtn2{
	font-size:1.1rem;
	font-weight:bold;
	color:rgb(255, 255 ,255);
	background-color:rgb(17,103,0);
	border-radius:0.5rem;
	width:17rem;
	text-align:center;
	padding:0.5rem;
	margin-top:1.5rem;
	cursor:pointer;

}



#loginerror2{
	color:rgb(255,87,87);
	font-weight:bold;
	font-size:0.9rem;
	text-align:center;
	margin-top:2rem;
	width:90%;
}