@font-face {
	font-family: 'OTO Aleo';
	src: url('/assets/fonts/font-aleo-100-900-normal-latin-de5e82e4b6cbe5d0.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'OTO Aleo';
	src: url('/assets/fonts/font-aleo-100-900-normal-latin-ext-d4847ffcaa7692eb.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range:
		U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
		U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'OTO Raleway';
	src: url('/assets/fonts/font-raleway-100-900-normal-latin-35ea76d2bd7ed8bf.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
		U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'OTO Raleway';
	src: url('/assets/fonts/font-raleway-100-900-normal-latin-ext-c1505af71619f80e.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range:
		U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
		U+2C60-2C7F, U+A720-A7FF;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; overflow-x: hidden; font-family: 'OTO Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
img { max-width: 100%; display: block; }
a { text-decoration: none; }

:root {
	--contrast: #7b17ce;
	--contrast-2: #fad21e;
	--base-3: #ffffff;
	--button-bg: #ed0072;
}

.home-hero {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	min-width: 100vw;
	background:
		radial-gradient(var(--contrast) 0%, var(--contrast-2) 100%),
		url('/assets/images/home/mountains-scaled.webp') center / cover no-repeat;
	background-blend-mode: multiply, normal;
	margin: 0;
	padding: 0;
}

.home-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 600px;
	max-width: calc(100vw - 2rem);
	background-color: var(--contrast);
	border-radius: 15px;
	padding: 40px;
}
@media (max-width: 767px) {
	.home-card {
		height: 100%;
		width: 100vw;
		max-width: 100vw;
		border-radius: 0;
	}
}

.home-avatar {
	width: 150px;
	height: auto;
	max-width: 100%;
	object-fit: cover;
	margin-bottom: 1rem;
}

.home-title {
	font-family: 'OTO Aleo', Georgia, 'Times New Roman', serif;
	color: var(--base-3);
	font-size: 2.5rem;
	font-weight: 900;
	text-align: center;
	margin: 1px;
}
@media (max-width: 767px) {
	.home-title { font-size: 2rem; }
}

.home-subtitle {
	color: var(--contrast-2);
	font-size: 28px;
	font-weight: 700;
	margin: 1rem;
}

.home-description {
	color: var(--base-3);
	font-size: 18px;
	margin: 1rem 0 1.5rem;
}

.home-button {
	display: flex;
	align-items: center;
	column-gap: 0.5em;
	background-color: var(--button-bg);
	color: var(--base-3);
	border-radius: 99em;
	padding: 0.5rem 1rem;
	font-family: 'OTO Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-weight: 600;
}
.home-button__icon {
	display: inline-flex;
	line-height: 0;
}
.home-button__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	color: var(--base-3);
}