@font-face {
  font-family: 'Hubot Sans';
  src: url('/fonts/Hubot-Sans.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
}

h1 { font-family: 'Hubot Sans', system-ui, sans-serif; font-weight: 850; font-stretch: 125%;}
h2 { font-family: 'Hubot Sans', system-ui, sans-serif; font-weight: 800; font-stretch: 100%;}
p {font-family: 'Hubot Sans',system-ui, sans-serif; font-weight: 450;}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #333333;
  display: flex;
}

ul li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

ul li a:hover {
  background-color: #111111;
}