@import "main.css";

.project-item{display:grid;grid-template-columns:60px 1fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--border)}
.project-item:last-child{border-bottom:none}
.project-number{background:var(--txt);color:var(--bg);width:60px;height:60px;display:grid;place-items:center;font-size:1.2rem;font-weight:700}
.project-details h2{font-size:2.5rem;margin-bottom:.5rem}
.project-details p{font-size:1.1rem;margin-bottom:1.5rem;opacity:.8;max-width:600px}
.project-details a{color:var(--txt);text-decoration:underline;font-weight:700}
.project-details a:hover{text-decoration:none}

@media(max-width:480px){
  .project-item{grid-template-columns:1fr}
  .project-number{margin-bottom:1rem}
}