#player
{
	border-radius: 0.5rem;
	margin-top: 2rem;
	margin-inline: auto;
	max-width: 1000px;
}

section.page 
{
	background: color(display-p3 0.155 0.376 0.616);
	border-radius: 0.75rem;
	box-sizing: border-box;
	display: flex;
	gap: 1rem;
	justify-content: space-around;
	margin-top: 2rem;
	margin-inline: auto;
	max-width: 1000px;
	padding: 1rem;
}

	section.page button
	{
		background: color(display-p3 0.155 0.376 0.616);
		border: 0;
		border-radius: 0.3rem;
		color: white;
		font-weight: bold;
		padding: 0.5rem;
	}
	
	section.page button:hover
	{
		background: #cc0000;
		cursor: pointer;
	}

main
{
	background: white;
	border-radius: 0.75rem;
	box-sizing: border-box;
	flex-basis: 60%;
	flex-grow: 1;
	padding: 0 1rem;
}

aside
{
	background: white;
	border-radius: 0.75rem;
	padding: 0 1rem;
	flex-basis: 270px;
	flex-grow: 0;
	flex-shrink: 0;
}

	aside h2 { color: #cc0000; margin-top: -1rem; }

@media (max-width: 768px)
{
	section.page 
	{ 
		flex-direction: column; 
		padding: 1rem;
	}
	main { padding-inline: 1rem; }
}