/* =========================================================
   10. PORTFOLIO PAGE
========================================================= */
.portfolio-page{
  min-height: 100vh;
}

.portfolio-section{
  margin-bottom: 4rem;
}

.project-window{
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast);
}

.project-window:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow-window-hover);
}

.project-meta{
  margin-bottom: .8rem;
  font-weight: 700;
  opacity: .8;
}

.github-window .retro-window-body,
.ecommerce-window .retro-window-body{
  padding: 1.4rem;
}

.github-note{
  margin: 0;
  font-size: 1rem;
}

.github-note a{
  color: var(--ink);
  font-weight: 700;
  text-decoration: underline;
}

.github-note a:hover{
  color: var(--outline);
}