body {
	margin:0;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: grey;
	}
	a {
		color:white;
	}
}

td,th {
	border:1px solid black;
	padding:1em;
}
th {
	background:lightgrey;
}
tbody tr:nth-child(even) td{
	background:#eeeeee;
}

nav {
	text-align:right;
	position:fixed;
	width:100%;
}
nav ul {
	list-style:none;
}

nav ul li {
	padding: 0.5em;
}

nav ul li a {
	padding: 0.5em;
	background-color:rgba(100,100,100, 0.8);
}

@media (min-width: 900px){

	nav {
		display:none;
	}

	main {
		height:100vh;
		display:grid;
		grid-template-columns: minmax(10px, 1fr), minmax(10px, 2fr), minmax(10px, 2fr);
		grid-template-rows: repeat(2, minmax(10px, 1fr));
	}

	section {
		overflow:auto;
	}

	#timer { grid-area: 1 / 1 / 3 / 2; }
	#summary { grid-area: 1 / 2 / 3 / 3; }
	#category { grid-area: 1 / 3 / 2 / 4; }
	#songs { grid-area: 2 / 3 / 3 / 4; }

}