<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,
body {
	width: 100%;
	min-height: 100vh;
}

body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(85, 85, 85);
	background: radial-gradient(
		circle,
		rgba(85, 85, 85, 1) 0%,
		rgba(65, 65, 65, 1) 100%
	);
}

h1 {
	font-family: "Jolly Lodger", cursive;
	color: rgb(255, 122, 34);
	font-size: 200px;
	font-weight: 100;
	line-height: 200px;
}

h2 {
	font-family: "Julius Sans One", sans-serif;
	font-weight: 600;
  color: #fff;
}

#scary-container {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: rotate 1s cubic-bezier(0.46, 0.12, 0.31, 0.97);
	animation-direction: reverse;
}

.round {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
}

.round:first-child {
	box-shadow: inset 0 -2px 5px #e9e9e9;
	box-shadow: inset 13px -2px 6px 0px rgba(0, 0, 0, 0.2);
	top: 5px;
}

.round:last-child {
	-webkit-box-shadow: inset 13px -2px 6px 0px rgba(0, 0, 0, 0.2);
	box-shadow: inset 13px -2px 6px 0px rgba(0, 0, 0, 0.2);
	top: -5px;
}

.left-bone-rounds {
	position: relative;
	left: 40px;
}

.right-bone-rounds {
	position: relative;
	right: 40px;
	transform: scale(-1, 1);
}

.bone {
	height: 70px;
	width: 400px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(233, 233, 233);
	background: linear-gradient(
		0deg,
		rgba(233, 233, 233, 1) 0%,
		rgba(255, 255, 255, 1) 16%,
		rgba(254, 254, 254, 1) 84%,
		rgba(233, 233, 233, 1) 100%
	);
}

select {
	width: 70%;
	height: 100%;
	font-size: 50px;
	font-family: "Waiting for the Sunrise", cursive;
	background: rgb(233, 233, 233);
	background: linear-gradient(
		0deg,
		rgba(233, 233, 233, 1) 0%,
		rgba(255, 255, 255, 1) 16%,
		rgba(254, 254, 254, 1) 84%,
		rgba(233, 233, 233, 1) 100%
	);
	border: none;
	color: #000;
	text-align: center;
}

select:focus-visible {
	outline: none;
}

option {
	font-family: "Waiting for the Sunrise", cursive;
	font-size: 20px;
}

@keyframes rotate {
	from {
		left: 0;
	}

	to {
		transform: rotate(-365deg);
		left: -1000px;
	}
}</pre></body></html>