.ubuntu-medium 
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;

.merriweather-<uniquifier
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
  "wdth" 100; 

body {
  background-color: rgb(250, 245, 240);
}

#container {
    max-width:1220px;
    width:720px;
    max-width:940px;
    min-width:720px;
    margin:10px auto 10px auto;
    padding:20px;
    
}

h1 {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color: #754266;
  width:570px;
  padding:15px;
  margin:0px auto 0px auto;
  text-align:center
}

h2 {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  width:auto;
  margin:0px auto 0px auto;
  text-align:left;
}

p {
  font-family: "Ubuntu", sans-serif;
  font-weight: 350;
  font-style: normal;
}

#banner {
    width:570px;
    padding:15px;
    margin:0px auto 0px auto;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    text-align:center;
}

#li1 {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
  display:inline;
  margin:0px 5px
}

a{
     font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
  color:#000000;
    text-transform:uppercase;
    text-decoration:none;
    padding:6px 18px 5px 18px;
}

a:hover{
    color:#e967c2;
    background:#f2edf1;
}

#projectlist {
   font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}
#burger {
 width: 100%;
  height: auto;
  display: block;
}
#infographic {
  width:auto
}
.center {
  display: flex;
  justify-content: center;
  margin:auto;
}