/*
		TimeCode Calculator
		by Danny Schreiter
		contact: www.d9s.de
		06/2026

		see https://d9sde.github.io/timecode-calculator/ for license and further details
*/
	

body {
	min-height: 100vh;
	margin: 0;
	display: flex;
	flex-direction: column; 
}

footer {
	height: 1em;
	}

main {
	flex: 1;
	}

@font-face {
	font-family: 'Courier Prime';
	src: url('../font/CourierPrime-Regular.ttf') format('truetype');	/* Please see ../font/OFL.txt for font license information. */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.tcbig {
	font-family: 'Courier Prime', Courier, monospace;
	font-weight: 400 ;
	font-size: clamp(1.5rem, 2.3vw, 3rem) !important;
}

.form-control.is-invalid {
	background-image: none; !important;
	padding-right: 1rem;  !important;
	color: red;
}

div.zeile:nth-child(even) {
	background-color: #f6f6f6;
}

@media (prefers-color-scheme: dark) {
	div.zeile:nth-child(even) {							/* banding of additional lines in dark theme  */
		background-color: #293030;
	}
}

@keyframes flash-blue {								/* animation for auto-copy former result into new line's first addend  */
  0% {
	background-color: #aaccff;
  }
  100% {
	background-color: #ffffff;
  }
}

.input-flash-blue {
	animation: flash-blue 1.5s ease-out;
	}	

.hidden {											/* for instruction manual */
	display: none;
	}
  
@media (max-width: 992px) 							/* for mobile optimization */
{							
	.tcbig {
		font-size: clamp(2rem, 6vw, 4rem) !important;
		border-radius: 0.375rem !important; 
	}	  
}