@font-face {
	font-family: 'GeneralSans-Extralight';
	src: url('https://cdn.londo.dev/font//GeneralSans-Extralight.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Extralight.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Extralight.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-ExtralightItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-ExtralightItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-ExtralightItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-ExtralightItalic.ttf') format('truetype');
	font-weight: 200;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'GeneralSans-Light';
	src: url('https://cdn.londo.dev/font//GeneralSans-Light.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Light.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-LightItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-LightItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-LightItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'GeneralSans-Regular';
	src: url('https://cdn.londo.dev/font//GeneralSans-Regular.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Regular.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Regular.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-Italic';
		src: url('https://cdn.londo.dev/font//GeneralSans-Italic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Italic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Italic.ttf') format('truetype');
	font-weight: 400;
	font-display: swap;
	font-style: italic;
}
@font-face {
font-family: 'GeneralSans-Medium';
	src: url('https://cdn.londo.dev/font//GeneralSans-Medium.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Medium.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-MediumItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-MediumItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-MediumItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'GeneralSans-Semibold';
	src: url('https://cdn.londo.dev/font//GeneralSans-Semibold.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Semibold.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-SemiboldItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-SemiboldItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-SemiboldItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'GeneralSans-Bold';
	src: url('https://cdn.londo.dev/font//GeneralSans-Bold.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Bold.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-BoldItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-BoldItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-BoldItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-display: swap;
	font-style: italic;
}
@font-face {
	font-family: 'GeneralSans-Variable';
	src: url('https://cdn.londo.dev/font//GeneralSans-Variable.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-Variable.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-Variable.ttf') format('truetype');
	font-weight: 200 700;
	font-display: swap;
	font-style: normal;
}
@font-face {
	font-family: 'GeneralSans-VariableItalic';
	src: url('https://cdn.londo.dev/font//GeneralSans-VariableItalic.woff2') format('woff2'),
		url('https://cdn.londo.dev/font//GeneralSans-VariableItalic.woff') format('woff'),
		url('https://cdn.londo.dev/font//GeneralSans-VariableItalic.ttf') format('truetype');
	font-weight: 200 700;
	font-display: swap;
	font-style: italic;
}

:root {
	--font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
		Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	--font-mono: 'Fira Mono', monospace;
	--color-bg-0: rgb(202, 216, 228);
	--color-bg-1: hsl(209, 36%, 86%);
	--color-bg-2: hsl(224, 44%, 95%);
	--color-theme-1: #ff3e00;
	--color-theme-2: #4075a6;
	--color-text: rgba(0, 0, 0, 0.7);
	--column-width: 42rem;
	--column-margin-top: 4rem;
	font-family: 'GeneralSans', sans-serif;
	color: var(--color-text);
}

body {
	background-color: #FBFBFB;
	font-family: 'GeneralSans', sans-serif;
}

.h6 {
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
}

.h7 {
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
}

.h8 {
	font-weight: 600;
	font-size: 20px;
	line-height: 28px;
}

.rounded-df{
	border-radius: 6px;
}

.input-df{
	border-radius: 6px;
	font-size: 16px;
	border: 1px solid #DFE4EA;
}

.plc-df::placeholder {
	color: #9CA3AF;
}