/* ©2023 Athenaeum AI, Inc. */

.top-navbar {
    /* background: linear-gradient(to right, white, lightblue); */
    /* background: rgb(235, 235, 235); */
    background: white;
    /* border-bottom: 1px solid #000000; */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    height: 60px; /* Adjust as needed */
    margin-bottom: 0; /* Remove the bottom margin of the navbar */
}

.nav-container {
    max-width: 1200px; /* Adjust as needed for your layout */
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.nav-logo {
    font-size: 24px;
    text-decoration: none;
    color: #333;
}

.nav-logo img {
    max-height: 50px; /* Slightly less than the navbar's height to ensure it fits */
    width: auto; /* Adjust width automatically */
    height: auto; /* Maintain the image's aspect ratio */
}

.nav-right {
    display: flex;
    align-items: center;
}

.nav-enter {
    font-weight: bold;
    border: 2px solid #333; /* This creates a border around the Enter button. Adjust color as needed */
    border-radius: 4px;
}

.nav-signup {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    /* background: linear-gradient(to right, lightblue, white); */
    /* background: radial-gradient(at 10% 70%, rgb(32, 216, 32), rgb(168, 243, 168)); */
    background: #333;
    color: #f9f9f9;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    border: 2px solid #333; /* This creates a border around the Enter button. Adjust color as needed */
    border-radius: 4px;
}
.nav-signup:hover {
    /* background: radial-gradient(at 70% 10%, rgb(32, 216, 32), rgb(168, 243, 168)); */
    /* background: linear-gradient(to right, lightblue, white); */
    background: #898989;
    /* background: linear-gradient(to left, darkblue, lightblue); */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s;
}

.nav-links a, .nav-enter, .nav-signup {
    text-decoration: none;
    margin: 0 10px;
    padding: 10px 15px;
    border-radius: 4px;
}

.nav-links a, .nav-enter {
    color: #333;
    transition: background-color 0.2s;
}

.nav-links a:hover, .nav-enter:hover {
    background-color: #dddddd;
    transition: background-color 0.2s;
}