@font-face {
	font-family: 'AdamsRegular';
	src: url('/resources/fonts/Adamas-Regular.otf');
}


body {
	background: rgba(0, 0, 0, 1);
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
}

#particles-js {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
}

#backCanvas {
	position: absolute;
	top: 0;
	z-index: -100;
	width: 100%;
	height: 100%;
}

#container {
	z-index: 1000;
	top: 0;
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

#centerContainer {
	color: #ccc;
	display: flex;
	flex-direction: column;
}

#logoText h1 {
	font-family: "AdamsRegular";
	font-size: 100px;
	user-select: none;
}

#centerSocial {
	display: flex;
	justify-content: space-around;
}

.centerSocial {
	font-family: "Courier";
	font-size: 18px;
}

.centerSocial-icon {
	font-size: 25px;
	padding-right: 4px;
}

#centerSocial-twitterIcon {
	color: #1da1f2;
}

#centerSocial-linkedinIcon {
	color: #0084bf;
}

#centerSocial-twitchIcon {
	color: #6441A4;
}