:root {
  --violet: #8f00ff;
}

@font-face {
  font-family: "Major Mono Display";
  src: url(./MajorMonoDisplay-Regular.ttf);
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: "Major Mono Display", monospace;
  font-weight: 400;
  font-style: normal;
  color: white;
  background-color: black;
}

h1 {
  font-size: 8rem;
}

main {
  height: 100%;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr auto;
}

header {
  /* grid-row: 1; */
  grid-column: 2;
  text-align: center;
}

header > h1 {
  color: var(--violet);
}

header > h1::before {
  content: "0x76";
}

header > h1:hover::before {
  content: "v";
}