@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

body {
	background: white;
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-variation-settings: "wght" 600;
	font-style: normal;
	text-align: center;
	line-height: 0.5;
	margin: auto;
	opacity: 0;
	animation: ok 3s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
}

@keyframes ok {
	to {
		font-size: 1rem;
		opacity: 1;
	}
}

@keyframes ok2 {
	to {
		font-size: 0.8rem;
		opacity: 1;
	}
}

p,
a,
sup {
	font-size: 0rem;
	opacity: 0;
	animation: ok 3s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
	transition: font-variation-settings 0.3s ease;
}

sup {
	animation: ok2 3s cubic-bezier(0.075, 0.82, 0.165, 1) forwards;
	transition: font-variation-settings 0.3s ease;
}

p:hover,
a:hover,
sup:hover {
	font-variation-settings: "wght" 900;
}

a {
	color: gray;
}

.pre {
	background-color: #f4f4f4;
	padding: 2px;
	border-radius: 5px;
	overflow-x: auto;
	white-space: pre-wrap;
	font-family: "Courier New", Courier, monospace;
	border: 1px solid #ccc;
}