/* Navigation Bar */

html, body {
    margin: 0;
    padding: 0;
}

nav {
        width: 100%;
        background-color: #fce8d5;
        display: flex;
        padding: 15px 20px;
        align-items: center;
        border-bottom: 1px solid #e0d0c1;
        box-sizing: border-box;
}
  
  .nav-links {
    display: flex;
    gap: 20px;
    flex-grow: 1;
  }
  
  .nav-links a {
    background: none;
    border: none;
    padding: 8px 15px;
    cursor: pointer;
    color: #666;
  }
  
  nav a:hover {
    background-color: #F0F8FF;
  }