@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.bunny.net/figtree/files/figtree-latin-400-normal.woff2) format('woff2'), url(https://fonts.bunny.net/figtree/files/figtree-latin-400-normal.woff) format('woff');
    unicode-range: U +0000 -00FF, U +0131, U +0152 -0153, U +02BB -02BC, U +02C6, U +02DA, U +02DC, U +0304, U +0308, U +0329, U +2000 -206F, U +20AC, U +2122, U +2191, U +2193, U +2212, U +2215, U + FEFF, U + FFFD;
}
* {
	margin:0px;
	padding:0px;
	box-sizing:border-box;
	cursor:default;
	font-family:"Helvetica";
	text-decoration:none;
}
*:focus {
    outline:none;
}
body {
	width:100vw;
	height:100vh;
	position:relative;
	display:flex;
	flex-direction:row;
	touch-action: pan-x pan-y;
	
	background-color: #111827;
	overflow:hidden;
}
	#main {
		margin:10px;
		width:100vw;
		height:100vh;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
		#mainLogin {
			padding:34px 24px;
			width:448px;
			height:419px;
			border-radius:.5rem;
			background:#1F2937;
			border-width:1px;
			border-style:solid;
			border-color:#374151;
			display:flex;
			flex-direction:column;
			align-items:center;
		}
			#login_logo {
				width:250px;
				margin:0px 0px 14px 0px;
			}
				#login_logo img {
					width:100%;
				}
			#loginTitle {
				margin:0px 0px 34px 0px;
				font-family: 'Figtree';
				font-size: .875rem;
				text-align:center;
				color:rgb(156 163 175 / var(--tw-text-opacity, 1));
			}
			#login_form {
				width:100%;
			}
				.loginInputs {
					padding: 0px 12px;
					margin:0px 0px 16px 0px;
					width:100%;
					display:block;
					height:42px;
					background:#374151;
					border-width:1px;
					border-style:solid;
					border-color:#4B5563;
					border-radius:.4rem;
					font-family: 'Figtree';
					color: #FFF;
				}
				.loginInputs:focus {
					border-width:2px;
					border-color:#6366F1;
				}
				.loginInputs::placeholder {
					font-family: 'Figtree';
					font-size:1rem;
					color:#999fa8;
					opacity:1;
				}
				#lembrar {
					display:flex;
					align-items:center;
					gap:8px;
				}
				#lembrar_check {
					appearance:none;
					-webkit-appearance:none;
					width:16px;
					height:16px;
					background:#374151;
					border:1px solid #4B5563;
					border-radius:.3rem;
					display:grid;
					place-content:center;
					cursor:pointer;
				}
				#lembrar_check::before {
					content:'';
					width:10px;
					height:10px;
					border-radius:.15rem;
					background:#9FB0C9;
					transform:scale(0);
					transition:transform .12s ease-in-out;
				}
				#lembrar_check:checked::before {
					transform:scale(1);
				}
				#lembrar label {
					font-family:'Figtree';
					font-size:.85rem;
					color:#a6a9af;
					cursor:pointer;
				}
				#login_div_submit {
					margin:36px 0px 0px 0px;
					width:100%;
					height:38px;
					background:#FDCE00;
					border-width:1px;
					border-style:solid;
					border-color:#FDCE00;
					border-radius:.4rem;
					font-family:'Figtree';
					font-size:0.85rem;
					color:#000000;
					display:flex;
					justify-content:center;
					align-items:center;
					cursor:pointer;
				}
@media (max-width:640px) {
	#main {
		margin:0px;
		justify-content:flex-start;
		padding-top:48px;
	}
	#mainLogin {
		width:100%;
		border-radius:0px;
	}
}