a.c1:link, a.c1:visited, a.c1:hover, a.c1:active {
  color: rgb(3, 3, 3);
  text-decoration: none;
  font-weight: bold;
}

a.c2:link, a.c2:visited, a.c2:hover, a.c2:active {
  color: rgb(254, 254, 254);
  text-decoration: none;
  font-weight: bold;
}

.card {
  width: 236px;
  height: 292px;
  box-shadow: 0 4px 7px 0 rgba(0,0,0,0.2);
  transition: 0.4s;
  background-color: #f1f5f5;
}

.main-box {
  padding-left: 16px;
  padding-top: 18px;
  width: 236px;
  height: 304px;
}
  
.card:hover {
  box-shadow: 0 10px 18px 0 rgba(0,0,0,0.4);
}

.container {
  padding: 2px 16px;
  text-align: center;
}

.overall-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

p {
  font-size: 1.125em;
}

body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer{
  margin-top: auto;
  text-align: center;
}