.fullCard, .splitCard {
  margin: 20px 0px 20px 0px;
  width: 300px;
  height: 200px;
  border: 1px solid var(--borderColor);
  border-radius: 3%;
  background-color: var(--menuColor);
  transition: transform 100ms linear;
  overflow: hidden;
}
.splitCard {
  display: grid;
  grid-template-columns: 50% 50%;  
  grid-template-rows: 100%; 
  gap: 0px;
}
.splitCard .firstHalf {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
}
.splitCard .secondHalf {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.splitCard:hover, .fullCard:hover {
  transform: scale(1.03);
  background-color: var(--menuHighlight);
  border: 1px solid var(--borderHighlight);
}