* {
	margin: 0;
	padding: 0;
	word-break: break-word;
	font-family: var(--ulagadi);
}
html {
	font-size: 16px;
	overflow: auto;
}

body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-color: var(--secondary);
}

::-moz-selection {
	background: #fc921a;
}

::selection {
	background: #fc921a;
}

:root {
	--primary: #f7b733;
	--primary-variant: #fc4a1a;

	--secondary: #101010;
	--secondary-variant: #202020;

	--ulagadi-bold: 'UlagadiSansBold', sans-serif;
	--ulagadi: 'UlagadiSansLight', sans-serif;
}

.deep-1 {
	max-width: 100vw;
	padding-inline: 15rem;
}

.deep-2 {
	max-width: 100vw;
	padding-inline: 20rem;
}

.gradient-text {
	background-color: var(--primary);
	background-image: linear-gradient(45deg, var(--primary), var(--primary-variant));
	background-size: 100%;
	background-clip: border-box;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-text-fill-color: transparent;
}

.btn {
	font-weight: 500;
	padding: 15px 45px;
	border: none;
	cursor: pointer;
	font-size: 1.5rem;
	transition: all 0.3s ease-in-out;
	border: solid 2px transparent;
	border-radius: 20px;
	background-origin: border-box;
	margin-top: 3rem;
	text-decoration: none;
	color: white !important;
	display: inline-block;
}

.btn:hover {
	box-shadow: 0 0 20px 5px rgba(249, 146, 43, 0.5);
}

.btn-primary {
	background-image: linear-gradient(to right, var(--primary), var(--primary-variant));
	font-weight: bold;
}

.btn-secondary {
	background-color: transparent;
	background-image: linear-gradient(#1e1e22, #1e1e22),
		linear-gradient(to right, var(--primary), var(--primary-variant));
	background-clip: padding-box, border-box;
}

@font-face {
	font-family: 'UlagadiSansBold';
	src: url('/fonts/UlagadiSansBold.woff2') format('woff2');
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'UlagadiSansLight';
	src: url('/fonts/UlagadiSansLight.woff2') format('woff2');
	font-style: normal;
	font-display: swap;
}

.chalk-background {
	background-image: url('/chalkboard.webp');
	background-repeat: repeat;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-display: swap;
	font-family: var(--ulagadi-bold);
}

@media screen and (max-width: 1920px) {
	.deep-1 {
		max-width: 100rem;
		padding-inline: 5rem;
	}

	.deep-2 {
		max-width: 65rem;
		padding-inline: 5rem;
	}
}

@media screen and (max-width: 1090px) {
	.deep-1 {
		max-width: 700px;
		padding-inline: 0;
	}

	.deep-2 {
		max-width: 600px;
		padding-inline: 0;
	}
}

@media screen and (max-width: 750px) {
	.deep-1 {
		max-width: 500px;
		padding-inline: 0;
	}

	.deep-2 {
		max-width: 450px;
		padding-inline: 0;
	}
}

@media screen and (max-width: 570px) {
	.deep-1 {
		max-width: 100vw;
		padding-inline: 1.5rem;
	}

	.deep-2 {
		max-width: 100vw;
		padding-inline: 2rem;
	}
}