:root {
	font-family: 'Noto Sans KR', sans-serif;
	--color-bg-0: #F6F8FA;
	--color-bg-1: #001332;
	--color-bg-2: #F9FAFB;
	--color-theme-1: #00235D;
	--color-theme-2: #798EA9;
	--color-text: rgba(0, 0, 0, 1);
	--column-width: 42rem;
	--column-margin-top: 4rem;
	color: var(--color-text);
}

body {
	min-height: 100vh;
	margin: 0;
	background-attachment: fixed;
	background-size: 100vw 100vh;
	overflow-x: hidden;
}

input,
button {
	font-size: inherit;
	font-family: inherit;
}

button:focus:not(:focus-visible) {
	outline: none;
}

@media (min-width: 720px) {
	h1 {
		font-size: 2.4rem;
	}
}