* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/*
Upotpia Fluid Spaces
/* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1280,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,2xl,12 */

:root {
	--space-3xs: clamp(0.25rem, 0.2292rem + 0.1042vw, 0.3125rem);
	--space-2xs: clamp(0.5rem, 0.4583rem + 0.2083vw, 0.625rem);
	--space-xs: clamp(0.75rem, 0.6875rem + 0.3125vw, 0.9375rem);
	--space-sm: clamp(1rem, 0.9167rem + 0.4167vw, 1.25rem);
	--space-md: clamp(1.5rem, 1.375rem + 0.625vw, 1.875rem);
	--space-lg: clamp(2rem, 1.8333rem + 0.8333vw, 2.5rem);
	--space-xl: clamp(3rem, 2.75rem + 1.25vw, 3.75rem);
	--space-2xl: clamp(4rem, 3.6667rem + 1.6667vw, 5rem);
	--space-3xl: clamp(6rem, 5.5rem + 2.5vw, 7.5rem);

	/* One-up pairs */
	--space-3xs-2xs: clamp(0.25rem, 0.125rem + 0.625vw, 0.625rem);
	--space-2xs-xs: clamp(0.5rem, 0.3542rem + 0.7292vw, 0.9375rem);
	--space-xs-s: clamp(0.75rem, 0.5833rem + 0.8333vw, 1.25rem);
	--space-s-m: clamp(1rem, 0.7083rem + 1.4583vw, 1.875rem);
	--space-m-l: clamp(1.5rem, 1.1667rem + 1.6667vw, 2.5rem);
	--space-l-xl: clamp(2rem, 1.4167rem + 2.9167vw, 3.75rem);
	--space-xl-2xl: clamp(3rem, 2.3333rem + 3.3333vw, 5rem);
	--space-2xl-3xl: clamp(4rem, 2.8333rem + 5.8333vw, 7.5rem);

	/* Custom pairs */
	--space-s-l: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

	/* Gaps */
	--xxs-gap: 0.125rem;
	--xs-gap: 0.25rem;
	--sm-gap: 0.5rem;
	--md-gap: 0.75rem;
	--lg-gap: 1rem;
	--xl-gap: 1.5rem;
	--2xl-gap: 2rem;
	--3xl-gap: 3rem;

	/* Padding */
	--xxs-padding: 0.125rem;
	--xs-padding: 0.25rem;
	--sm-padding: 0.5rem;
	--md-padding: 0.75rem;
	--lg-padding: 1rem;
	--xl-padding: 1.5rem;
	--2xl-padding: 2rem;
	--3xl-padding: 3rem;
}

/*
Upotpia Fluid Typography
/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1280,16,1.333,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
	--fs--2: clamp(0.5628rem, 0.7383rem + -0.2194vw, 0.6944rem);
	--fs--1: clamp(0.7502rem, 0.861rem + -0.1386vw, 0.8333rem);
	--fs-0: clamp(1rem, 1rem + 0vw, 1rem);
	--fs-1: clamp(1.2rem, 1.1557rem + 0.2217vw, 1.333rem);
	--fs-2: clamp(1.44rem, 1.3277rem + 0.5615vw, 1.7769rem);
	--fs-3: clamp(1.728rem, 1.5145rem + 1.0677vw, 2.3686rem);
	--fs-4: clamp(2.0736rem, 1.7124rem + 1.8062vw, 3.1573rem);
	--fs-5: clamp(2.4883rem, 1.9149rem + 2.8673vw, 4.2087rem);
}


/* Colors */

:root {
	--brand-primary: #010122;
	--brand-accent: #e28413;
	--brand-secondary: #fff0dd;
}


body {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100vh;
	align-items: center;
	background-color: var(--brand-secondary);
	color: var(--brand-primary);
	font-family: Poppins, san-serif;
}

.serif {
	font-family: "Orbitron", serif;
}

.orbitron,
.logo {
	font-family: "Orbitron", serif;
}


/* Fonts */

/* Style */
.serif {
	font-family: var(--serif);
}

.san-serif {
	font-family: var(--san-serif);
}

.bold {
	font-weight: var(--fw-bold);
}

.italic {
	font-style: italic;
}

.capitalize {
	text-transform: capitalize;
}

.underline {
	text-decoration: underline;
}

.strikethrough {
	text-decoration: line-through;
}

.fs-xxl {
	font-size: var(--fs-5);
}

.fs-xl {
	font-size: var(--fs-3);
}

.fs-lg {
	font-size: var(--fs-2);
}

.fs-md {
	font-size: var(--fs-1);
}

.fs-sm {
	font-size: var(--fs-0);
}

.fs-xs {
	font-size: var(--fs--1);
}

.fs-xxs {
	font-size: var(--fs--2);
}

/* Text Size */

h1 {
	font-size: var(--fs-5);
	margin-bottom: var(--space-xs);
	line-height: calc(var(--fs-5) + 10%);
	overflow-wrap: break-word;
}

h2 {
	font-size: var(--fs-4);
	margin-bottom: var(--space-2xs);
	overflow-wrap: break-word;
}

h3 {
	font-size: var(--fs-3);
	margin-bottom: var(--space-2xs);
	overflow-wrap: break-word;
}

h4 {
	font-size: var(--fs-2);
	margin-bottom: var(--space-2xs);
	overflow-wrap: break-word;
}

h5 {
	font-size: var(--fs-1);
	margin-bottom: var(--space-2xs);
	overflow-wrap: break-word;
}

h6 {
	font-size: var(--fs-0);
	overflow-wrap: break-word;
}

p {
	font-size: var(--fs-0);
	overflow-wrap: break-word;
}

span {
	font-size: inherit;
	overflow-wrap: break-word;
}

.bold {
	font-weight: bold;
}

.m-4 {
	margin: 4rem auto;
}

section {
	max-width: 90vw;
}

.highlight {
	color: var(--brand-primary);
}

.center {
	text-align: center;
	justify-content: center;
	align-items: center;
	width: 100%;
}

header {
	display: none;
}

footer {
	padding: 1rem 0;
}

nav {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	width: 100vw;
}

nav ul {
	display: flex;
	flex-direction: column;
	margin: 0.5rem;
	padding: 0;
	list-style: none;
}

@media screen and (min-width: 768px) {
	nav {
		flex-direction: row;
		align-items: flex-end;
	}

	nav ul.left {
		text-align: left;
		align-items: flex-start;
	}

	nav ul.right {
		text-align: right;
		align-items: flex-end;
	}
}

a {
	text-decoration: none;
}

input {
	display: block;
	margin: 1rem auto;
	padding: 0.5rem;
	outline: none;
	border: none;
	border-radius: 4px;
	background-color: var(--brand-primary);
	color: var(--brand-secondary);
	font-size: 1.2rem;
	width: 300px;
	max-width: 90vw;
}

button {
	display: block;
	margin: 1rem auto;
	padding: 0.5rem 2rem;
	outline: none;
	border: none;
	border-radius: 4px;
	background-color: var(--brand-primary);
	color: white;
	font-size: 1.2rem;
	cursor: pointer;
	transition: all ease 0.35s;
}

button:hover {
	transform: scale(1.05);
}

button:active {
	transform: scale(0.95);
}

li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 0.25rem;
	align-items: center;
}

.main {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	align-items: center;
}

/*# sourceMappingURL=style.css.map */