/* Media query for larger screens */
@media (min-width: 768px) {
    .left, .right {
        height: 95vh;
        min-width: 50%;
        max-width: 50%;
    }
}
.navbar {
 width: 100%;
 background-color: black;
 padding: 10px 15px; /* Add some padding for the toggle button */
 height: auto; /* Allow height to adjust for collapsed content */
 min-height: 5vh;
}
.navbar-nav{
   li:hover {
 background: linear-gradient(#ff0038, black);
 }
 li{
    padding: 0px 10px;
 }
}
@media (max-width: 767px) {
    .navbar-nav {
        flex-direction: column;
        width: 100%;
        text-align: center;
    }
    
    .navbar-nav li {
        background-color: rgba(128, 128, 128, 0.5);
        width: 100%;
        text-align: center;
        padding: 5px 0; /* Add some vertical spacing on mobile */
    }
    
    .navbar-toggler {
        border: none;
        color: white;
    }
    
    .navbar-toggler:focus {
        box-shadow: none;
    }
}
footer{
 background-color: black;
 color: white;
 text-align: center;
 padding: 10px;
 position: static;
 margin: 0;
 bottom: 0;
 width: 100%;
}