/* flvr start */
/*  by  */

:root {
  --base00: #1d2021;
  --base01: #3c3836;
  --base02: #504945;
  --base03: #665c54;
  --base04: #bdae93;
  --base05: #d5c4a1;
  --base06: #ebdbb2;
  --base07: #fbf1c7;
  --base08: #fb4934;
  --base09: #fe8019;
  --base0A: #fabd2f;
  --base0B: #b8bb26;
  --base0C: #8ec07c;
  --base0D: #83a598;
  --base0E: #d3869b;
  --base0F: #d65d0e;
}
/* flvr end */

@font-face {
	font-family: "IosevkaTerm NFM";
	src: url('IosevkaNFM.ttf');
	font-weight: normal;
	font-styl: normal;
}

body {
	background-color: var(--base01);
}

pre {
	color: var(--base08);
}

h2 {
	background-image: linear-gradient(var(--base0A), var(--base09));
	color: var(--base00);
	border: solid transparent 0px;
	border-radius: 20px;
	padding: 15px;
}


h2.banner {
	border: none;
	background-color: var(--base00);
	line-height:1.167;
	letter-spacing: -0.04em;
	text-align:center;
	background-image:none;
}

ul > h2 {
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	margin-top:0;
}

ul {
	font-size: 20px;
	list-style: none;
	background-color: var(--base00);
	border: solid transparent 0px;
	border-radius: 20px;
	margin:0;
	padding:0;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: inherit;
}

input {
	color: var(--base05);
	background-color: var(--base00);
	border: solid transparent 0px;
	border-radius: 20px;
	width: 100%;
	font-size: 40px;
	text-align: center;
	font-family: "IosevkaTerm NFM";
	margin-bottom:20px;
	padding:5px;
}
input::placeholder {
	color: var(--base02);
}

a {
	color: var(--base0A);
	text-decoration: none;	
}

div.flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
	text-align: center;
}

body {
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content:center;

	height: 100vh;
}