body {
	margin: 0;
	padding: 0;
	background-color: #000;

	font-family: "Inter", "SF Compact Display", "Helvetica Neue Condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.35em;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

@font-face {
	font-family: "ButtonFont";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/font/button_font.woff2") format("woff2");
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	box-sizing: border-box;
}

img {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	touch-callout: none;
}

@keyframes won-rim-rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes float {
	0% {
		transform: translate(0, 0);
	}
	15% {
		transform: translate(10px, -3px);
	}
	30% {
		transform: translate(2px, 5px);
	}
	50% {
		transform: translate(-5px, -5px);
	}
	75% {
		transform: translate(-10px, 10px);
	}
	100% {
		transform: translate(0, 0);
	}
}

:root {
	--floating-animatio-base: float 20s ease-in-out infinite;
}