h1 {
	/*font-size: 5rem;*/
	margin: 0;
}
h2 {
	/*font-size: 2rem;*/
	margin: 0;
}
a {
	color: black;
}
p {
	margin-bottom: 0;
	margin-top: 15px;
}
ol {
	margin: 0 0 0 0;
}

td {
	padding-right: 2rem;
}

body {
	position: relative;
	font: 1.3rem/1.7 "Monaco", monospace;
	color: black;
	background-color: #d1b7f4;
	min-height: 100dvh;
	
	padding: 0;
	margin: 0;
}

body::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.2;
	z-index: -100;

	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
/*  */
/* *:focus-visible { */
/*   outline: 10px double rgba(0, 0, 0, .2); */
/* } */
a:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 1);
}
/* .t { */
/* 	padding: 5px; */
/* 	margin: 10px 15px; */
/* } */

*::selection {
  color: #d1b7f4;
  background-color: rgba(0, 0, 0, .6);
}

button { 
	appearance: none;
	-webkit-appearance: none;

	margin: 0;
	padding: 0;
	border: 0;
	background: none;

	font: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	color: black;

	vertical-align: baseline;
	text-decoration: underline;
	cursor: pointer;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button:focus-visible {
	outline: 2px solid black;
}

input[type="text"] {
	background-color: transparent;
	border: 1px solid black;
}
input[type="text"]:focus-visible {
	outline: 2px solid black;
}

#horsey {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 480px;
	height: 358px;
	max-width: 100%;
	max-height: 100%;

	opacity: 0.6;

	/*animation-name: horsey-pulse;*/
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@keyframes horsey-pulse {
	0% 	{opacity: 0.6;}
	20% 	{opacity: 1;}
	50% 	{opacity: 0.6;}
	100% 	{opacity: 0.6;}
}
#horsey img {
	position: absolute;

	opacity: 0;

	animation-name: horsey-img-fade;
	animation-duration: 12.5s;
	animation-iteration-count: infinite;
	animation-delay: calc(var(--n) * 500ms);
}
@keyframes horsey-img-fade {
	0% 	{opacity: 0;}
	10% 	{opacity: 1;}
	20% 	{opacity: 0.3;}
	100% 	{opacity: 0;}
}

@media (max-width: 620px) {
	html { 
		font-size: 70%; 
	}
}