@import url('https://fonts.googleapis.com/css2?family=Bitcount+Single:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

html {
  font-size: 150%;
}

body {
  margin: 0;
  padding: 0;
  border: none;
  color: rgb(90%, 90%, 90%);
  background-color: rgb(12%, 10%, 45%);
}

body, .rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5, .bitcount {
  font-family: "Bitcount Single", system-ui;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
  text-align: right;
}

h1 { font-size: 2.8em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

.main-column {
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

a, .link {
  text-decoration: underline;
  color: inherit;
}
a:hover, .link:hover {
  opacity: 0.7;
  color: inherit;
}
a:active, .link:active {
  opacity: 0.5;
  color: inherit;
}