@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,700&family=Pathway+Extreme:opsz@8..144&display=swap');

body 
{
	background-color: #DD1919;
	color: white;
	min-height: 100vh;
	margin-top: 0;
	margin-bottom: 0;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	.main-wrapper 
	{
		margin-top: auto;

		display: flex;
		flex-direction: column;
		gap: 2rem;

		> * 
		{
			margin-top: 0;
			margin-bottom: 0;
		}

		.battlepass-tagline 
		{
			font-family: 'Pathway Extreme', sans-serif;
			font-weight: 600;
			font-size: 2rem;
			text-align: center;
			
			p 
			{
				margin-bottom: 0;
				margin-top: 0;
			}
		}

		h1 
		{
			font-family: "Barlow Condensed", sans-serif;
			font-weight: 700;
			font-style: italic;
			font-size: 5rem;
			text-align: center;
		}
	}

	.copyright
	{
		margin-top: auto;
		font-family: 'Pathway Extreme', sans-serif;
		margin-bottom: 1rem;
	}
}

@media screen and (max-width: 768px) 
{
	body 
	{
		.main-wrapper 
		{
			gap: 1rem;

			svg 
			{
				max-width: 80%;
				margin-left: auto;
				margin-right: auto;
			}

			.battlepass-tagline 
			{
				font-size: 1.2rem;
			}

			h1 
			{
				font-size: 3rem;
			}
		}
	}
}