@font-face {
  font-family: WorkSans;
  src: url(../fonts/WorkSans-Light.woff2);
}

@font-face {
  font-family: WorkSans;
  src: url(../fonts/WorkSans-Bold.woff2);
  font-weight: bold;
}

html {
  font-family: WorkSans;
  width: 100%;
  background-color: #222831;
  color: #FFE6C7;
}

body {
  display: flex;
  flex-direction: column;
  min-width: 80ch;
  max-width: 80ch;
  margin: 0 auto;
}

.contentcontainer {
  flex: 1 1 auto;
  padding: 14px 16px;
  font-size: 14px;
}

.navlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

.navitem {
  display: inline;
#  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.navleft {
  float: left;
}

.navright {
  float: right;
}

.titlesize {
  font-size: 20px;
}

a {
  text-decoration: none;
  color: #FF6000;
}

a:visited {
  color: #FF6000;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
  display: inline;
  color: lightgrey;
  background-color: #16191f;
}
footer p {
  margin-left: 5px;
}