@font-face {
  font-family: Ubuntu;
  src: url("./Ubuntu-R.ttf");
}

body {
  margin: 0;
  background-color: black;

  font-size: 20pt;
  font-family: Ubuntu;
}

#canvas {
  margin-left: calc( ( 100vw - min(100vw, 100vh) ) / 2);
  margin-top: calc( ( 100vh - min(100vw, 100vh) ) / 2);
  width: min(100vw, 100vh);
  height: min(100vw, 100vh);
}

.container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.links {
  color: white;

  min-width: 5em;
  list-style: none;
  margin: auto;
  padding: 0;
  line-height: 1.35;
}

li {
  display: flex;
  align-items: center;
  gap: 0.3em;
}

li::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: var(--color);
}