/* Copyright (c) 2020 Thatguyjs All Rights Reserved. */


@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

* {
	font-family: "Indie Flower", cursive;
}


body {
	margin: 0;
	padding: 0;

	background: rgb(40, 40, 40);
}


.hidden {
	display: none;
}


button {
	cursor: pointer;
}


#background {
	position: absolute;
}


main {
	position: absolute;

	width: 100%;
	height: 100%;
}


main > div {
	position: absolute;
	left: 50%;

	transform: translateX(-50%);

	width: 60%;
	height: 100%;

	min-width: 400px;
}


main > div > h1 {
	text-align: center;
	padding-top: 35px;
	margin: 0;

	width: 100%;

	color: rgb(220, 220, 220);
	font-size: 35px;
	letter-spacing: 2px;
}


main > div > p {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;

	width: 100%;

	color: rgb(140, 140, 140);
	font-size: 20px;
	letter-spacing: 1px;
}


#transition {
	position: fixed;
}