body {
	margin: -1rem;
	position: relative;
	overflow: hidden;
	height: calc(100vh + 2rem);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Nerko One", cursive;
}

body::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(at bottom right, #e17b2b 0, #e17b2b 20.25px, rgba(225, 123, 43, 0.2) 20.25px, rgba(225, 123, 43, 0.2) 40.5px, rgba(225, 123, 43, 0.75) 40.5px, rgba(225, 123, 43, 0.75) 60.75px, rgba(225, 123, 43, 0.25) 60.75px, rgba(225, 123, 43, 0.25) 81px, rgba(225, 123, 43, 0.3) 81px, rgba(225, 123, 43, 0.3) 101.25px, rgba(225, 123, 43, 0.75) 101.25px, rgba(225, 123, 43, 0.75) 121.5px, rgba(225, 123, 43, 0.2) 121.5px, rgba(225, 123, 43, 0.2) 141.75px, transparent 141.75px, transparent 162px), radial-gradient(at top left, transparent 0, transparent 20.25px, rgba(225, 123, 43, 0.2) 20.25px, rgba(225, 123, 43, 0.2) 40.5px, rgba(225, 123, 43, 0.75) 40.5px, rgba(225, 123, 43, 0.75) 60.75px, rgba(225, 123, 43, 0.3) 60.75px, rgba(225, 123, 43, 0.3) 81px, rgba(225, 123, 43, 0.25) 81px, rgba(225, 123, 43, 0.25) 101.25px, rgba(225, 123, 43, 0.75) 101.25px, rgba(225, 123, 43, 0.75) 121.5px, rgba(225, 123, 43, 0.2) 121.5px, rgba(225, 123, 43, 0.2) 141.75px, #e17b2b 141.75px, #e17b2b 162px, transparent 162px, transparent 405px);

	background-blend-mode: multiply;
	background-size: 162px 162px, 162px 162px;
	background-color: #e17b2b;
	animation: moveBackground 15s linear infinite;
	filter: blur(3px);
	z-index: -1;
}

@keyframes moveBackground {
	0% {}

	100% {
		background-position: 162px 162px;
	}
}

main {
	width: 20rem;
	height: 15rem;
	background-color: #faf8ea;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0.5rem;
	border-radius: 1rem;
	position: relative;
	z-index: 1;
}

main img {
	height: 6rem;
}

main h1 {
	color: #b02906;
	margin: 0;
	padding: 0;
	font-size: 3rem;
}

main button {
	width: 15rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem 1rem;
	border: none;
	border-radius: 0.25rem;
	color: #fff;
	cursor: pointer;
	font-size: 1rem;
	background-color: #5865F2;
}

main button svg {
	margin-right: 0.25rem;
	height: 2rem;
	width: 3rem;
}

main button span {
	display: inline-block;
}

#discord-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: #5865F2;
	color: #fff;
	border: none;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

#discord-button svg {
	width: 24px;
	height: 24px;
}