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

html {
	font-size: 62.5%;
}

body {
	font-family: "Poppins", sans-serif;
	color: white;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: radial-gradient(black 60%, #252525);
}

p,
span,
input,
textarea,
button,
select,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif;
}

a {
	text-decoration: none;
	color: currentColor;
}

video {
	display: block;
	border-radius: 2rem;
	aspect-ratio: 9 / 16;
	height: calc(100vh - 6rem);
}

@media (max-width: 480px) {
	video {
		height: auto;
		width: calc(100vw - 6rem);
	}
}