.subjects-container{
  background-color: #EFEFEF;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.subjects{
  display: grid;
  grid-template-columns: repeat(1, 280px);
  justify-content: center;
  gap: 30px;
}

.subject-card{
  background-color: #FEDAAB;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  height: 240px;
  width: 280px;
  align-items: center;
  text-align: center;
  padding: 24px 20px;
  gap: 36px;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.15);
}

.subject-card svg{
  height: 80px;
  width: 80px;
}

.english{
  background-color: #FFE4ED;
  gap: 20px;
}

.maths{
  background-color: #FEDAAB;
}

.afrikaans{
  background-color: #FFF5C0;
  gap: 20px;
}

.ns{
  background-color: #E9FEDD;
}

.geo{
  background-color: #CBECFE;
}

.his{
  background-color: #EAD0FD;
}