body{
  font-family: typewriterFont;
}
.container-fluid{
  margin-top:calc(2rem + 4vmax);
  height:calc(100vh - calc(2rem + 4vmax));
  /* border:1px solid yellow; */
}
.work-wrapper {
  font-size: calc(1rem + .25vw);
  /* font-weight: 200; */
  font-weight: 400;
  /*width:clamp(300px, 80%, 1400px);*/
  width:clamp(300px, 80%, 1200px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  padding-top: 7.5vmax;
  padding-bottom: 5vmax;
  /* border:1px solid green; */
}
.category {
  text-transform: uppercase;
  letter-spacing: 2px;
  word-spacing: 8px;
  background-color: #dcdddf;
  display:grid;
  place-items:center;
  width:clamp(250px, 45%, 250px);
  height:min(150px, 16vh);
  margin: .75rem;
}
a:hover{
  text-decoration: none;
  opacity:0.6;
}