@font-face {
	font-family:"dseg7modern";
	font-display: optional;
	src:url("../fonts/DSEG7ClassicMini-Regular.woff2") format("woff2");
	font-display: block;
}

@font-face {
	font-family:"VT323";
	font-display: optional;
	src:url("../fonts/VT323-latin-regular.woff2") format("woff2");
	font-display: block;
}

html {
	visibility: hidden;
	font-family: "VT323", monospace;
	font-size: 24px;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;

	background-color: black; /* perhaps helps with CLS score ? here not body */
	color: white;
}

.menuHighlight {
	margin-left: -1ch;
}

body {
	width: 80ch;
	margin: auto; /* center content */
	margin-top: 0em;
	margin-bottom: 0em;
/*
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0ch;
	padding-right: 0ch;*/
}

.link {
	color: cyan;
	text-decoration: underline solid magenta 3px;
	white-space: nowrap;
}

.crystalText {
	font-family: "VT323", monospace;
	font-size: 24px;
	width:fit-content;
	background-color: #ffffff00;
}

button.pusher {
	border:none;
	width:fit-content;
	line-height: 100%;
}

button.pusher:hover {
	cursor:pointer;
}

.spaceAbove {
	margin-top: 1em;
}

.leftAlign {
	text-align:left;
	width:fit-content;
}

.rightAlign {
	float:right;
	text-align:right;
	width:fit-content;
}

.centerAlign {
	text-align:center;
}

.red {
	color: red;
}

.white {
	color: white;
}

.watchCase {
	margin:auto;
	width:70ch;

	border-style:solid; 
	border-top-color: dimgray ;
	border-bottom-color: DarkSlateGray;
	border-left-color: dimgray ;
	border-right-color: DarkSlateGray;

	border-width:5px; 
	border-radius:15px;

	padding-left:1ch;
	padding-right:1ch;
}

.alignCenter {
	margin: auto;
}


.watchLCDSurround {
	margin:auto;
	width:68ch;
	border-style:solid; 
	border-width:5px;
	border-radius:15px;

	padding-bottom:3em;

	border-top-color: darkblue ;
	border-bottom-color: #000066;
	border-left-color: darkblue ;
	border-right-color: #000066;

}

.marginLeft1 {
	margin-left:1ch;
}

.marginRight1 {
	margin-right:1ch;
}

.marginTopBottom1 {
	margin-top: 1em;
	margin-bottom: 1em;
}

.paddingTop1 {
	padding-top:1em;
}

.paddingBottom1 {
	padding-bottom:1em;
}

#watchLCD { 
	margin:auto;
	text-align: center;
	background-color: darkkhaki;

	border-width:5px;
	border-radius:15px;
	border-style:solid;

	border-top-color: dimgray ;
	border-bottom-color: DarkSlateGray;
	border-left-color: dimgray ;
	border-right-color: DarkSlateGray;
	width:64ch;

	height:6em;
	line-height: 6em;
}

.timeDisplay {
	background-color: transparent;
	position: absolute;
	opacity:0.8;
	text-align: center;
	width:64ch;
	height:4em;
}

.timeDisplayGhost {
	background-color: transparent;
	position: absolute;
	opacity:0.2;
	text-align: center;
	width:64ch;
	height:4em;
	padding-top: 3px;
	padding-left: 3px;
}

.timeAncillaryDisplay {
	background-color: transparent;
	opacity:0.2;
	font-family: sans-serif;
	color: black;
	font-size: 20px;
	text-align: left;
	width:120px;

}
.digit {
	font-family: "dseg7modern";
	color: black;
	background-color: transparent;
}

.small {
	font-size: 60px;
}

.large {
	font-size:90px;
}