comment.component.scss

mat-card {
  margin-bottom: 20px;
  background-color: #b2ebf2;
}

mat-card-content>:first-child {
  margin-top: 20px;
}

mat-toolbar {
  border-radius: 10px;
  margin-bottom: 20px;
  background-color: #bbdefb;
}

.card-container {
  background-color: #4dd0e1;
  opacity: 0.7;
  border-radius: 2px;
}

.card-container :hover {
  cursor: pointer;
}

mat-icon {
  color: white;
}

.incorrect-icon {
  color: white;
}

.correct-icon {
  color: green;
}

.read-icon {
  color: blue;
}

mat-card-title {
  margin: 0px;
}