/* --- Reset & Base Styles --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth; /* Smooth scrolling when clicking nav links */
    font-family: Arial, sans-serif;
}

/* --- Top Navigation Toolbox --- */
.navbar {
    position: fixed; /* Keeps the toolbox at the top while scrolling */
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-color: #64beff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    z-index: 1000; /* Ensures it stays on top of everything else */
}

.navbar .logo {
    color: #000000;
    font-weight: bold;
    font-size: 1.2rem;
}

.nav-links {
    display: flex;
    list-style: none;
}

.nav-links li {
    margin-left: 20px;
}

.nav-links a {
    color: #000000;
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.3s;
}

.nav-links a:hover {
    color: #0095ff; /* Accent color on hover */
}

.divider {
  border: none;
  height: 1px;
  background-color: #000000;
  width: 100%;
}

/* --- Section 1: Full-Screen Hero Image --- */


/* --- section 2 classes section */

/* --- section 3 potfolio section */

/* --- section 4 member area --- */

/* --- section 5 extended vertical layout --- */

/* --- section 6 contact footer --- */