/*
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

FONT SIZE SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
*/

body {
	background-color: rgba(230, 234, 242, 10);
}


button {
	margin-top: 0.75em;
	width: 15.9375em;
}

.Player_Button_Login {
	display: flex;
	justify-content: center; /* Horizontal centering */
	align-items: center; /* Vertical centering */
}

.playPauseButton {
	width: 9em;
}

.buttonToLink {
	background: none;
	border: none;
	color: #0000EE;
	text-align: left;
}

	.buttonToLink:hover {
		background: none;
		text-decoration: underline;
	}

	.buttonToLink:after {
		color: #808080;
	}

.hide {
	display: none;
}



.Container {
	/*margin-left: 24px;*/
	margin-left: 44.55%;
}

.Login-Button {
	width: 12.5em;
}

.Email {
	margin-top: 1em;
	margin-bottom: 1em;
}

@media(max-width: 58em) {
	.Player_Button_Login {
	}

	.Container {
		margin-top: 3em;
		margin-left: 22em;
	}
}

@media(max-width: 50em) {
	.Login-Button {
		width: 20%;
	}

	.Container {
		margin-top: 3em;
		margin-left: 19em;
	}
}

@media(max-width: 40em) {
	.Login-Button {
		width: 20%;
	}

	.Container {
		margin-top: 3em;
		margin-left: 14em;
	}
}


@media(max-width: 25em) {
	.Login-Button {
		width: 42%;
	}

	.Container {
		margin-left: 3em;
	}
}