body {
  background-color: teal;
  color:cyan;
  font-family: comic;
}

h1,h2 {
  font-family: "DynaPuff";
  font-weight: 500;
  font-style: normal;
}

img {
  width: 99px;
  height: 58px;
}

.divider {
  width: 50%;
  height: 20px;
}

.navbar {
  overflow: hidden;
  background-color: rgb(74, 236, 229);
  padding: 12px;
  padding-bottom: 15px;
  border: 2px solid rgb(243, 243, 243);
  margin-top: 0px;
}

.navitem {
  overflow: hidden;
  background-color: rgb(74, 236, 229);
  color: rgb(0, 0, 0);
  text-decoration: none;
  font-size: 20pt;
  text-align:center;
  padding: 30px 30px;
  font-variant: small-caps;
}

.navitem:hover {
  background-color: rgb(32, 104, 100);
  color: rgb(255, 255, 255)
}

@font-face {
 font-family: 'DynaPuff';
 src: url(fonts/DynaPuff-VariableFont_wdthwght.ttf);
}