@import './components/inputs.css';
@import './components/buttons.css';

main {
	min-height: 100vh !important;
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
}

main .login_box {
	background: #ffffff;
	border-radius: var(--radius-outside);
	padding: calc(var(--main-padding) * 2);
}

main .login_box img {
	height: 65px;
	margin-bottom: 1.5rem;
}

main .login_box section.title {
	margin-bottom: 1rem;
}

a:has(button) {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	body {
		background: #ffffff !important;
	}
	.login_box {
		padding: 1rem !important;
		padding-bottom: 5rem !important;
		border-radius: none !important;
	}
}