html {
  font-family: Courier New;
  color: #658e9c;
  background-color: transparent
}
body {
  background-image: url("grid.png");
  background-repeat: repeat;
  background-size: 60% 60%;
  
}
h1 {
  text-align: center;
}
article {
  margin-left: 55.5px;
  margin-right: -23px;
  height: 196px;
  width: 195.5px;
  background: DarkGrey;
  border-radius: 2em;
}
section {
  display: flex;
}
a {
  color: #658e9c;
  text-decoration: none;
}
nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
nav a:link,
nav a:visited {
  background-color: rgba(226, 232, 221, 0.5);
  border: 2px solid rgba(101, 142, 156, 0.5);
  border-radius: 0.5em;
  padding-left: 4px;
  display: inline-block;
  margin-left: 55px;
  margin-right: 10px;
  margin-bottom: 41px;
  height: 30px;
  font-size: 27px;
  letter-spacing: 11px;
  line-height: 1.2;
  word-spacing: -29px;
}

nav ul {
  display: flex;
}

div{
  display: flex;
  justify-content: center;
  margin-top: 35px;
  margin-bottom: 38px;
}
.a{
  position: relative;
  bottom: 386px;
  left: 285px;
  height: 55px;
  width: 55px;
}
.b{
  position: relative;
  bottom: 386px;
  left: 677px;
  height: 55px;
  width: 55px;
}
.c{
  position: relative;
  bottom: 388px;
  left: 1105px;
  height: 50px;
  width: 50px;
}
.cart{
  position: relative;
  left: 226px;
}
.weekly{
  font-size: 27px;
  letter-spacing: 17px;
  word-spacing: -5px;
  margin-left: 423px;
  margin-bottom: 31px;
}