.hidden {
    display: none;
}

.navbar.show-nav .hidden {
    display: block;
}

.fa-bars {
    color: white; /* Change to the desired color value */
}

.container {
    margin: 0 auto; /* Center the container horizontally */
    padding-top: 100px;
    background-image: url('https://aiix.io/images/background-image.jpg');
    background-size: cover ; /* Adjust the size as needed */
    background-repeat: no-repeat;
    background-position: center bottom; /* Position at bottom center */
    min-height: 80vh;
    background-attachment: fixed;
    color: white;
}

#contact-form {
    display: none;
    color: white;
}

html {
    scroll-behavior: smooth;
}


body {
    background-color: #000; /* Dark grey color */

}

section {
    position: center top;
}

.horizontal-links {
    list-style: none;
    display: flex;
    padding: 0;
}

.horizontal-links li {
    margin-right: 10px; /* Adjust spacing as needed */
}

.horizontal-links li:last-child {
    margin-right: 0; /* Remove margin on the last item */
}

.horizontal-links a::before {
    color: #fff; /* Set the color for the separator */
}

/* Unvisited links (white) */
.horizontal-links a {
    color: white;
    text-decoration: none;
    hover: lightblue;
}

/* Visited links (light blue) */
.horizontal-links a:visited {
    color: lightblue;
    text-decoration: none;
}

.horizontal-links a:hover {
    color: lightblue;
}

.horizontal-links a:visited:hover {
        color: white;
}

/* Media query for mobile screens */
@media (max-width: 767px) {
    .horizontal-links {
        flex-direction: column; /* Stack links vertically on mobile */
    }

    .horizontal-links li {
        margin: 5px 0; /* Adjust spacing for mobile */
    }
}