@import url(https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.207/distr/fira_code.css);

#ribbon {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

h1 {
    text-align: center;
    font-size: 3em;
}

body {
  font-family: 'Fira Code', monospace;
  background-color: #1e1e2e;
  color: #cdd6f4;
}

.linkbox {
    width: 60%;
    margin: auto;
    padding: 0.5em;
    margin-top: 1em;
    font-size: 1.5em;
}

a {
    text-decoration: none;
    color: black;
}

.card-1 {
  border: 4px solid #f5c2e7;
  color: #f5c2e7;
}

.card-2 {
  border: 4px solid #cba6f7;
  color: #cba6f7;
}

.card-3 {
  border: 4px solid #f38ba8;
  color: #f38ba8;
}

.card-4 {
  border: 4px solid #fab387;
  color: #fab387;
}

.card-5 {
  border: 4px solid #f9e2af;
  color: #f9e2af;
}

.card-6 {
  border: 4px solid #a6e3a1;
  color: #a6e3a1;
}

.card-7 {
  border: 4px solid #89dceb;
  color: #89dceb;
}

.card-8 {
  border: 4px solid #89b4fa;
  color: #89b4fa;
}

nav {
  margin-top: 2em;
  border-top: 2px solid #cdd6f4;
  padding: 1em;
  text-align: center;
}

nav > a {
  color: #cdd6f4;
  margin: 2em;
}