body {
	margin:0;
}

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

@media (min-width: 900px){

	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; }

}