@font-face {
	font-family: LCDNUM;
	src: url("font/Connection-3zA2z.ttf");
}

@font-face {
	font-family: LCD;
	src: url("font/LcdSolid-VPzB.ttf");
}


html {
	background: url("images/ditto.png");
	image-rendering: pixelated;
	font-family: LCD;
	overflow: clip;
}
#swatchClock { font-family: LCDNUM; }

#main {
	position: fixed;
	width: 90vw;
	top: 20vh; left: 5vw;

	max-height: 80vh;
	text-align: center;
	background-color: white;
}

#links {
	position: absolute;
	top: 15%; left: 6%;
	width: 75%; height: 65%;
	margin: auto;
	text-align: center;

	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 10px; padding: 10px;
}
#links>* {
	background-color: #70b070;
	border: 5px #385030 solid;
}
				
.border {
	border-image-slice: 34% 34% 34% 34%;
	border-image-width: 20px;
	border-image-repeat: stretch;
	border-style: solid;
	border-image-source: url("https://neoskitties.org/graphics/borders/tile003.png");

	margin: 10vh auto;
	padding: 15px;
}


#poketch {
	margin: auto;
	position: fixed;
	height: 60vh; width: 40vw;
	bottom: -5vw;
	left: 32vw;

	overflow: scroll;
}
#poketch>img { width: 100%; }
#poketch a { color: inherit; text-decoration: none; }

#swatchClock {
	position: absolute;
	top: 40%; width: 83%;
	text-align: center;
	font-size: 6rem;
	margin: auto;
	color: #385030;
}

#goomy {
	position: fixed;
	left: 0; bottom: 0;
	width: 20vw;
}

#litclock {
	position: fixed;
	width: 90vw; margin: auto;
	left: 5vw;

	background-color: white;
	padding: 25px;
	padding-top: 40px; top: -45px;
	text-align: center;
}

#litclock-pre {
	margin-top: 5;
}

#litclock-time {
	font-family: LCDNUM;
	font-size: 3rem;
}