* {margin:0;padding:0;box-sizing:border-box;font-family: "area-normal", sans-serif;}

    body {
      font-family: "Open Sans", sans-serif;
      background:#ffffff;
      color:#d71282;
      line-height:1.6;
      overflow-x:hidden;
    }

    header {
      text-align:center;
      padding:4rem 1rem 2rem;
    }
    header h1 {font-size:2.5rem;margin-bottom:.5rem;}
    header p {color:#424242;}

    .projects-grid {
      display:grid;
      gap:2rem;
      padding:2rem;
      grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
      max-width:1200px;
      margin:0 auto;
    }

    .project-card {
      background:#ffffff;
      border-radius:50px;
      overflow:hidden;
      transform:translateY(50px);
      opacity:0;
      box-shadow:0 4px 20px rgba(169, 169, 169, 0.2);
      transition:transform .3s ease, box-shadow .3s ease;
    }
    .project-card:hover {
      transform:translateY(-6px);
      box-shadow:0 8px 24px rgba(186, 186, 186, 0.4);
    }
    .project-card img {
      width:100%;
      height:200px;
      object-fit:cover;
    }
    .project-card h2 {
      padding:1rem;
      font-size:1.25rem;
      text-align: center;
    }
    .project-card p {
      padding:0 1rem 1rem;
      color:#424242;
      text-align: center;
      font-family: "Open Sans", sans-serif;
    }
    .button-wrapper {
      display:flex;
      justify-content:center;
      margin-bottom:1.5rem;
    }
    .btn {
      display:inline-block;
      padding: .8em 1rem;
      background:#d71282;
      color:#fff;
      border-radius:100px;
      text-decoration:none;
      transition: ease-in 200ms;
      font-size: 12px;
      font-weight: 600px;
    }
    .btn:hover {background:#b20f6b;}

nav {
  display: flex;
  justify-content: center;
  gap: 6rem;
  padding: 2rem;
  color: #424242;
  background-color: #fff;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  z-index: 100;
  font-weight: 200;
}

nav a {
  text-decoration: none;
  color: #424242;
  font-weight: 500;
  transition: color 0.3s ease;
}

nav a:hover {
  color:#d71282;
}