@font-face {
  font-family: 'Fira Sans';
  src: url('font/Fira_Sans/FiraSans-Regular.ttf');
}

@font-face {
  font-family: 'Fira Sans';
  font-weight: bold;
  src: url('font/Fira_Sans/FiraSans-Bold.ttf');
}

@font-face {
  font-family: 'Fira Code';
  src: url('font/Fira_Code_v6.2/ttf/FiraCode-Regular.ttf');
}

@font-face {
  font-family: 'Fira Code';
  font-weight: bold;
  src: url('font/Fira_Code_v6.2/ttf/FiraCode-Bold.ttf');
}

:root {
  --default-text-color: #ddeedd;
}

body {
  background-color: #16043b;
  color: var(--default-text-color);
  font-family: 'Fira Sans';
}

a {
  color: #a4d2a4;
  font-weight: bold;
  text-decoration: none;
}

a::after {
  padding-left: .2em;
  content: '\1F517';
  font-size: .7em;
  vertical-align: middle;
}

a:hover {
  text-decoration: underline;
}

h4 {
  font-weight: normal;
  text-decoration: underline;
}

body > p {
  max-width: 50em;
}

video {
  max-width: 760px;
  max-height: 642px;
}

ul.tags {
  padding: 0;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  font-family: 'Fira Code';
  font-size: .9em;
}

ul.tags > li {
  display: inline-block;
  margin: .3em;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-left: .5em;
  padding-right: .5em;
  font-weight: bold;
  background-color: #533395;
}

a.software {}