@import "@Themes/constants.scss";

.root {
	display: flex;
	flex-direction: column;
	max-width: 530px;
	margin: auto;
	margin-top: 220px;

	.title {
		margin-bottom: 32px;
		text-align: left;

		@media (max-width: $screen-s) {
			font-family: 48px;
		}
	}

	.logo {
		margin-top: 32px;
		cursor: pointer;
	}

	.what_is_france_connect {
		color: var(--light-text-action-high-blue-france, #000091);
		/* 2.Corps de texte/SM - Texte détail/Desktop & Mobile - Regular */
		font-family: Marianne;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 171.429% */
		margin-top: 12px;
	}

	.or {
		margin-top: 32px;
	}
	.forget-password {
		margin-top: 32px;
		margin-bottom: 8px;
	}

	.form {
		margin-top: 32px;
		.submit_button {
			margin-top: 32px;
		}
	}
}