@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');

[v-cloak] {
	display: none;
}

body {
	background-color: #000;
}

#timer {
	font-family: orbitron;
	font-size: 20vh;
	background-color: #000;
	color: #FF0;
}

h2 {
	font-size: 10vh;
}

.score-num {
	font-size: 24vh;
}

.scoreboard-timer .quarters-container {
	margin-top: 0.5rem;
	line-height: 20px;
}

.scoreboard-timer .quarters button {
	font-size: 5vh;
	min-width: 120px;
}

.scoreboard-timer .timeLeft .is-halftime {
	color: var(--bs-white);
}

#quarter-time-editor {
	font-size: 1rem;
}


/*
================================
	Portrait orientation
================================
*/
@media screen and (orientation: portrait) {
	#timer {
		font-size: 14vw;
	}

	.scoreboard-timer .quarters button {
		font-size: 5vw;
		min-width: 10vw;
	}

	#scores h2 {
		font-size: 10vw;
	}

	#scores .score-num {
		font-size: 24vw;
	}
}