@font-face {
	font-family: "oswald";
	src: url("../fonts/static/Oswald-Bold.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("../fonts/static/Oswald-SemiBold.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("../fonts/static/Oswald-Medium.woff2") format("woff2");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("../fonts/static/Oswald-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("../fonts/static/Oswald-Light.woff2") format("woff2");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Oswald";
	src: url("../fonts/static/Oswald-ExtraLight.woff2") format("woff2");
	font-style: normal;
	font-weight: 200;
	font-display: swap;
}

* {
	box-sizing: border-box;
	font-family: "Oswald", sans-serif;
}

body {
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: #0c1618 !important;
	padding: 25px;
}

h1 {
	font-family: "Oswald", sans-serif !important;
	font-size: 150px !important;
	font-weight: 700 !important;
	color: #f1f2f6 !important;
	text-align: center;
}

h2 {
	font-size: 108px !important;
	margin-left: -4px;
	color: #f1f2f6 !important;
	text-align: center;
}

img,
video {
	max-width: 100% !important;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	max-height: 632px;
	max-width: 632px;
}

.title {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	width: 100%;
	aspect-ratio: 1 / 1;
	position: relaive;
}

.title img {
	width: 100%;
	height: 100%;
}

video {
	width: 100%;
	height: 100%;
}

.link-row-main {
	margin-top: 25px !important;
}

.link-row-main a {
	color: #f1f2f6;
	text-decoration: none;
	font-size: 25px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.link-row-main svg {
	height: 100px;
	width: auto;
}

.link-row-secondary {
	margin-top: 25px !important;
}

.link-row-secondary a {
	display: flex;
	justify-content: center;
	font-size: 25px;
	text-align: center;
	color: #f1f2f6;
	text-decoration: none;
	text-align: center;
}

a {
	transition: 0.2s;
	margin-top: 25px;
}

a:hover,
a:hover svg,
svg:hover {
	color: #797b84 !important;
}

footer {
	color: #f1f2f6 !important;
	text-align: center;
	margin-top: 50px !important;
	font-weight: 300;
}

footer a {
	color: #f1f2f6 !important;
	text-decoration: none !important;
	transition: 0.2s;
}

footer a:hover {
	color: #797b84 !important;
}

@media (max-width: 768px) {
	img,
	video {
		margin-top: 25px !important;
	}
}

@media (max-width: 480px) {
	h1 {
		font-size: 100px !important;
	}

	h2 {
		font-size: 73px !important;
	}
}