.main-menu {
	position: relative;
	width: 100vw;
	margin: 0 auto;
	min-height: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	z-index: 1;
}

.main-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin-top: 30px;
	position: relative;
}

.logo-chat-text {
	display: block;
	margin: 30px auto 0 auto;
	text-align: center;
	font-size: 2.2rem;
	font-family: 'Title', Arial, sans-serif;
	font-weight: normal;
	color: #FFF;
	text-shadow:
		0 0 6px #000,
		0 2px 8px #000,
		1px 1px 2px #222,
		-1px -1px 2px #222;
	letter-spacing: 2px;
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 1;
	user-select: none;
}
.logo-chat-text.visible {
	opacity: 1;
}

.logo-chat.visible {
	opacity: 1;
}