styles.css

:root {
  --mdc-theme-primary: #0F62E2;
  --mdc-theme-secondary: #CF11C8;
}

body {
  margin: 0;
}

main {
  padding: var(--mdc-layout-grid-margin-desktop, 24px);
}

.project-section-title:not(:first-child) {
  margin-top: 32px;
}

.project-section-title > * {
  vertical-align: middle;
}

.projects {
  padding: 0;
}

.project-card__primary {
  padding: 1rem;
}

.project-card__title, .project-card__subtitle {
  margin: 0;
}

.project-card__secondary {
  padding: 0 1rem 8px;
}

.project-card__secondary, .project-card__subtitle {
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));
}

.project-card__youtube-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.help {
  cursor: help;
  border-bottom: dashed 1px gray;
}

.project-card .mdc-card__actions .mdc-card__action-buttons {
  flex-wrap: wrap;
}

@media (min-width: 1400px) {
  .project-cell {
    width: auto;
    grid-column-end: span 3;
  }
}