:root {
  --background-color: #000;
  --text-color: #c0c0c0;
  --highlight-color: #f0f0f0;
  --shadow-color: #707070;
}

@media (prefers-color-scheme: light) {
	:root {
		--background-color: #efefef;
		--text-color: #424242;
		--highlight-color: #727272;
		--shadow-color: #7f7f7f;
	}
}

@font-face {
  font-family: 'Fira Code';
  src: url('/fonts/firacode/eot/FiraCode-Regular.eot');
  src: url('/fonts/firacode/eot/FiraCode-Regular.eot') format('embedded-opentype'),
  url('/fonts/firacode/woff2/FiraCode-Regular.woff2') format('woff2'),
  url('/fonts/firacode/woff/FiraCode-Regular.woff') format('woff'),
  url('/fonts/firacode/ttf/FiraCode-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

*, *:before, *:after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  align-items: center;
  background-color: var(--background-color);
  color: var(--text-color);
  display: flex;
  font-family: 'Fira Code', monospace;
  font-size: 16px;
  height: 100%;
  padding: 1rem 2rem 3rem;
}

main {
  margin: auto;
  width: 100%;
}

h1 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0;
}

a:link,
a:visited {
  color: var(--text-color);
  text-decoration: underline solid #505050;
  -webkit-text-decoration-color: #505050;
}

a:hover {
  color: var(--highlight-color);
  text-decoration: underline solid #c0c0c0;
  -webkit-text-decoration-color: #c0c0c0;
}

ul {
  list-style-type: none;
  margin: 1.625rem 0;
  padding: 0;
}

ul:before {
  color: var(--shadow-color);
  content: attr(title);
  font-size: .875rem;
}

li {
  margin: .875rem 0;
}

li:before {
  color: var(--shadow-color);
  content: '- ';
}

svg text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

svg text::selection {
	background: none;
}

.is-hidden {
    display: none;
}