* {
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html, body {
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	background-color:#E4E4E4;
	background-attachment:fixed;
	overscroll-behavior: none;
	font-family: system-ui, -apple-system, -apple-system-font, 'Segoe UI', 'Roboto', sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

:root {
    --sat: env(safe-area-inset-top);
    --sar: env(safe-area-inset-right);
    --sab: env(safe-area-inset-bottom);
    --sal: env(safe-area-inset-left);
}

a:link { text-decoration: none; color:#000000; }
a:visited { text-decoration: none; color:#000000; }
a:hover { text-decoration: none; color:#000000; }
a:active { text-decoration: none; color:#000000; }

@font-face{
	font-family:"digital-clock-font";
	src: url("digital.ttf");
}

.notch-spacer {
	width:100%;
	height:0px;
	height:constant(safe-area-inset-top);
	height:env(safe-area-inset-top);
}

.top-spacer {
	padding-bottom: 5%;
}

.app {
	text-align:center;
}

.screen-background {
	height: 100%;
	height: 100vh;
	background-image: url('../img/background.png');
	background-position: center;
	background-attachment: fixed;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.label-text {
	display:block;
	width: 80%;
	padding:5% 20px 5% 20px;
	margin:20% 0px 5% 10%;
	border: 1px solid #a3b3a3;
	background-color: rgba(255,255,255,0.90);
	border-radius:10px;
	font-size: 22px;
	font-weight: bold;
	color: #007700;
	box-sizing: border-box;
	box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19)
}