@charset "utf-8";

html,body {
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to bottom, rgb(10, 10, 50) 0%,rgb(60, 10, 60) 100%);
	min-width: 1600px;
	overflow: hidden;
}

#particle-canvas {
  	width: 100vw;
  	height: 100vh;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(10, 10, 50)), to(rgb(60, 10, 60)));
    background: -webkit-linear-gradient(rgb(10, 10, 50) 0%, rgb(60, 10, 60) 100%);
    background: linear-gradient(rgb(10, 10, 50) 0%, rgb(60, 10, 60) 100%);
}

.wrap {
	position: absolute;
	z-index: 100;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.links a:link,
.links a:visited {
	color: black;
	text-decoration: none;
	font: 20px sans-serif;
}

.links a:hover {
	color: black;
	text-decoration: underline;
}

.red-filled {
	background: #e0604a;
	border: 1px solid #ffc30d;
}

.blue {
	background: #67BCCF;
}

.section {
	width: 1440px;
	height: 860px;
}

.section p {
	text-align: center;
	margin: 0px;
	padding: 20px;
	line-height: 140%;
}

.section p strong {
	color: gold;
}

.section-list {
	width: 900px;
	border-radius: 10px;
	margin: 50px auto;
}

.address {
	margin: 0px auto 50px auto;
	padding: 0px;
	width: 800px;
	text-align: center;
}

.address,
.address a {
	font: 16px arial, sans-serif;
	color: black;
}

#book-links {
	text-align: center;
	padding: 10px;
	color: white;
}

#book-links a:link,
#book-links a:visited {
	color: white;
	font: 24px sans-serif;
	text-decoration: none;
}

#book-links a:hover {
	text-decoration: underline;
}