/* =======================================================================================

STELLANTIS QUIZ

======================================================================================= */

@font-face {
    font-family: 'Encode Sans Expanded Thin';
    src: url('../fonts/EncodeSansExpanded-Thin.woff2') format('woff2'),
        url('../fonts/EncodeSansExpanded-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Expanded Regular';
    src: url('../fonts/EncodeSansExpanded-Regular.woff2') format('woff2'),
        url('../fonts/EncodeSansExpanded-Regular.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Expanded Medium';
    src: url('../fonts/EncodeSansExpanded-Medium.woff2') format('woff2'),
        url('../fonts/EncodeSansExpanded-Medium.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Encode Sans Expanded Bold';
    src: url('../fonts/EncodeSansExpanded-Medium.woff2') format('woff2'),
        url('../fonts/EncodeSansExpanded-SemiBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
	--stl-blue: #03428f;
}

html {
	font-size: 16px;
}

body {
	/*background-image: url('../images/stellantis-fleet-business-solutions-bg.png');*/
	background-position: bottom right;
	background-repeat: no-repeat;
	font-family: 'Encode Sans Expanded', Arial, sanf-serif;
	min-height: 1100px;
}

h1, h2, h3 {
	font-family: 'Encode Sans Expanded Bold', Arial, sanf-serif;
}

h1 {
	color: var(--stl-blue);
	font-size: 1.6rem;
}

h2 {
	font-size: 1.2rem;
}

h3 {
	font-size: 1.8em;
}

label {
	font-family: 'Encode Sans Expanded Thin', Arial, sanf-serif;
	font-size: 1.8em;
}

input[type=radio] {
	border: 3px solid var(--stl-blue);
}

.btn[data-enchanter=next],
.btn[data-enchanter=previous] {
	min-width: 108px;
}

.btn[data-enchanter=next] {
	background-color: var(--stl-blue);
}