h1 {
	margin: 0;
}
h2 {
	margin: 0;
}
h3 {
	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;
}

input[type="number"] {
	background-color: transparent;
	border: 1px solid black;
}
input[type="number"]:focus-visible {
	outline: 2px solid black;
}


input[type="checkbox"], input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;

	box-sizing: border-box;
	width: 1rem;
	height: 1rem;
	margin: 0.25;
	border: 2px solid black;
	background: transparent;

	display: inline-grid;
	place-content: center;
	vertical-align: middle;
	cursor: pointer;
}
input[type="radio"] {
	border-radius: 50%;
}

input[type="checkbox"]::before, input[type="radio"]::before {
	content: "";
	visibility: hidden;
}
input[type="checkbox"]:checked::before, input[type="radio"]:checked::before {
	visibility: visible;
}
input[type="checkbox"]::before {
	width: 0.5rem;
	height: 0.25rem;
	border-left: 2px solid black;
	border-bottom: 2px solid black;
	transform: translateY(-0.05rem) rotate(-45deg);
}
input[type="radio"]::before {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background: black;
}

input[type="checkbox"]:focus-visible, input[type="radio"]:focus-visible {
	outline: 2px solid black;
}

input { 
	font: inherit;
	margin: 0.2rem 0;
}

@keyframes fadey-gif {
	0% 	{opacity: 0;}
	10% 	{opacity: 1;}
	20% 	{opacity: 0.3;}
	100% 	{opacity: 0;}
}

@media (max-width: 620px) {
	html { 
		font-size: 70%; 
	}
}