@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}

body {
	background-color: black;
	color: white;
	background-image: url('/assets/images/y.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	//font-size: 3vw;
}

#credits {
	font-size: 2.5vh;
	display: table-caption;
	writing-mode: vertical-rl;
	padding-left: .1vw;
	padding-top: 2vh;
	color: #00000049;
	z-index: 999;
	cursor: pointer;
	pointer-events: none;
	a {
		margin: 0;
		padding: 0;
		color: #a0040449;
		pointer-events: all;
		text-decoration: none;
	}
	a:hover {
		color: #d1363649;
	}
}

.center {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	.title {
		font-size: 7vw;
	}
}

#payment {
	align-content: center;
	justify-content: center;
}

section:only-of-type(#home) {
	height: 10vh;
	.title {
		height: 10vh;
	}
}

body::-webkit-scrollbar {
	width: 0;
}

.SectionHeader {
	font-size: 4vw;
	text-align: center;
	margin: 1vh;
}

ul li {
	font-size: 3.5vh;
	list-style-type: disc;
	margin: 8vh;
}

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