*{
    margin: 0;
    padding: 0;
    font-family: 'Roboto Condensed', sans-serif;
}

/* navbar */

.navbar-nav{
    margin-right: 0 !important;
    padding-right: 100px;
}

.navbar{
    background-color: #0a193d;
    color: white !important;
}

.nav-item a{
    color: white !important;
}

.nav-item{
    padding-left: 2px;
}

.navbar-brand{
    color: white !important;
    padding-left: 100px;
}

#navbar button{
    color: white !important;
}

/* banner */

#banner-container{
    background-color: #0a193d;
    color: white !important;
    padding-top: 80px;
    padding-bottom: 80px;
    
    background-image: url('./background.jpg');
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image repetition */
    height: 100vh; /* Example: full viewport height */
    width: 100%; /* Example: full width */
}

#banner-row img{
    max-width: 70%;
    height: auto;
    display: block;
    padding-left: 30px;
}

#banner-row h3, p{
    padding-left: 20px;
    padding-top: 20px;
    text-align: center;
}

#banner-row a{
    background-color: white !important;
    color: black !important;
    border: none;
    margin-left: 20px;
    margin-top: 20px;
    
}
#banner-col{
    padding-left: 20px;
}