@font-face {
		font-family: 'Inconsolata';
		src: url('/css/fonts/Inconsolata-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Inconsolata';
		src: url('/css/fonts/Inconsolata-ExtraBold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
	}

	:root {
		--dark: black;
		--light: white;
		--default-font-size: 14px;
	}


	@media (prefers-color-scheme: dark) {
		:root {
			--dark: white;
			--light: black;
		}
	}

	body {
		font-family: 'Inconsolata', monospace;
		font-size: var(--default-font-size);
		line-height: 160%;
		margin: 0;
		color: var(--dark);
		background: var(--light);
	}

	#tab-gallery-masthead {
		width: 350px;
	}

	#tab-gallery-masthead path {
		fill: var(--dark);
	}

	#tab-gallery-masthead svg {
		display: block;
		width: 100%;
		height: auto;
	}

	#tagline {
		font-size: 16px;
	}

	h1 {
		font-size: 16px;
	}


	img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	#tagline {
		font-weight: 800;
	}

	a {
		color: var(--dark);
	}

	main, footer {
		box-sizing: border-box;
		width: min(100%, 760px);
		/* padding: clamp(1rem, 3.5vw, 2rem) clamp(1rem, 5vw, 2rem) 0.75rem; */
		padding: 30px;
	}

	.hero, #artist-invite {
		box-sizing: border-box;
		padding: 30px;
	}

	.hero p {
		margin: 0.75rem 0 0;
	}

	h3, h4 {
		font-size: var(--default-font-size);
	}

	@media (max-width: 480px) {
		body {
			font-size: 15px;
		}

		#tagline {
			margin-top: 1rem;
		}
	}

	footer a {
		font-weight: 800;
	}