:root {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
	background-color: #222222;
}

hr {
	height: 1px;
	border: none;
	background-color: lightgrey;
}

main {
    display: flex;
    justify-content: center;
	align-items: center;
	height: calc(100vh - 20px);
}

h1 {
	font-weight: 400;
}

#main-card {
    text-align: center;
	background-color: #f0f0f0;
	width: auto;
	min-width: min-content;
	max-width: max-content;
	padding: 1em 0.75em 0.5em 0.75em;
	border: 1px solid lightgrey;
	border-radius: 0.25em;
}

.streamer {
	background: linear-gradient(
		90deg,
		#5400db,
		#7821e2,
		#5400db,
		#7821e2,
		#5400db
	);
	height: 10px;
	background-size: 200% 100%;
	animation: color 5s linear infinite;
}

@keyframes color {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 100% 0%;
	}
}

#links {
	display: flex;
	justify-content: space-around;
	width: 80%;
	margin: auto;
}