/* Header */
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 4rem 1rem 4rem;
    max-width: 100%;
    border-bottom: 0.08rem solid #285bab;
  }
  
  .logo-link {
    display: inline-block;
    cursor: pointer;
  }
  
  .logo {
    height: 2.5rem;
  }
  
  
  .nav {
    display: flex;
    gap: 2rem;
    align-items: center;
  }
  
  .nav-link {
    font-weight: 300;
    color: #285bab;
    font-size: 1.1rem;
    padding: 0.5rem 1rem;
    border-radius: 4rem;
    border: 0.08rem solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease;
    will-change: transform, opacity, color, border-color;
  }

  .nav-link:hover {
  border-color: #285bab;
}

.nav .resume-link:hover {
  border-color: #c7522f;
  color: #c7522f;
}
  
  .nav a {
    text-decoration: none;
  }
  
  .nav .resume-link {
    color: #c7522f;
  }