@mixin centerer($horizontal: true, $vertical: true) {
	position: absolute;

	@if ($horizontal and $vertical) {
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
	} @else if ($horizontal) {
		left: 50%;
		transform: translate(-50%, 0);
	} @else if ($vertical) {
		top: 50%;
		transform: translate(0, -50%);
	}
}

@mixin Buttons {
	font-family: 'Montserrat', sans-serif;
	background-color: #ffffff; /* Green */
	border: none;
	/* border-radius: 1vh; */
	font-size: 3vw;
	margin: .5vw;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	a {
		color: rgb(0, 0, 0);
	}
}

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
.center {
	@include centerer;
}
body {
	font-family: 'Montserrat', sans-serif;
	background: #131313;
	color: white;
}
ul {
	list-style: none;
}
a {
	text-decoration: none;
}

.title {
	font-size: 5vh;
}

.subtitle {
	font-size: 4vw;
	padding: 1vh;
}

.Stats {
	font-size: 2vh;
	white-space: nowrap;
}

.rainbow {
	text-align: center;
	text-decoration: underline;
	font-size: 32px;
	font-family: monospace;
	letter-spacing: 5px;
}
.rainbow_text_animated {
	background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: rainbow_animation 6s ease-in-out infinite;
	background-size: 400% 100%;
}

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

	50% {
		background-position: 100% 0;
	}
}

.source,
.invite,
.support {
	@include Buttons();
}
.icon {
	display: inline-block;
	vertical-align: left;
	width: auto;
	height: 10vh;
	border-radius: 50%;
}

::-webkit-scrollbar {
	display: none;
}

divide {
	display: block;
	height: 1px;
	border: 0;
	border-top: 0px solid rgba(204, 204, 204, 0);
	margin: 1vh 0;
	padding: 1vh;
}