@use "_theme" as *

:root
	--bg: #{$bg}
	--fg: #{$fg}

body
	font-family: 'Nunito', 'K Gothic', sans-serif
	margin: 0
	display: flex
	width: 100%
	height: 100vh
	box-sizing: border-box
	padding: 2em
	background: $bg0
	color: var(--fg)
	font-size: 1.25em

input[type=number]
	background: var(--bg)
	color: var(--fg)
	border: none
	outline: none
	font: inherit
	text-align: center
	width: 4em
	appearance: textfield

a
	text-decoration: none

	&:hover
		text-decoration: underline
		text-decoration-thickness: 2px
		text-decoration-skip-ink: none
		text-underline-offset: 4px

h1
	text-align: center

	&:first-child
		margin-top: 0