@font-face {
	font-family: 'pixelar';
	src: url('./fonts/pixelar.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'fight!';
	src: url('./fonts/Fight!.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block; /* Fix flickering */
}

@font-face {
	font-family: 'sonic';
	src: url('./fonts/sonic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	line-height: 1.5;
}

@font-face {
	font-family: 'GrapeSoda';
	src: url('./fonts/GrapeSoda.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}

@font-face {
	font-family: 'nokia';
	src: url('./fonts/nokia.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	line-height: 1;
}

body {
	background-color: var(--base);
	color: var(--on-base);
	font-family: 'nokia';
	font-size: 13px;
	/* font-family: 'GrapeSoda';
	font-size: 22px; */
	/* letter-spacing: -0.5px; */
	line-height: 2;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'sonic';
	margin: 0;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.5em;
}

a {
	color: inherit;
}

code {
	font-family: menlo, inconsolata, monospace;
	font-size: calc(1em - 2px);
	color: #555;
	background-color: #f0f0f0;
	padding: 0.2em 0.4em;
}

ul,
ul > ul {
	list-style-type: square;
}

.web3modal-modal-lightbox {
	z-index: 99999 !important;
}
.web3modal-provider-name {
	font-size: 18px !important;
}
.web3modal-provider-description {
	font-size: 12px !important;
}

/* @media (min-width: 400px) {
	body {
		font-size: 16px;
	}
} */