
* {
    background-color: #767967;
    margin: 0;
    border: 0;
}

.navbar-custom{
    background-color: #47453e;
}

.nav-item .nav-link{
    background-color: chartreuse;
}

.navbar-nav .nav-link {
    background-color: #203853;
    color: #1b1a1a; 
    border-radius: 1px; 
    padding: 10px 20px; 
}


.navbar-nav .nav-link:hover {
    background-color: #FF4500;
    color: #1b1a1a;
    transition: background-color 0.3s, color 0.3s; 
}


.navbar-nav .nav-item.active .nav-link {
    background-color: #00dee6; 
    color: #a35252;
}



.image_container1  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh; 
       
    
}
.image_container1 img {
    width: 75%;
    height: 75%;
}

.blank-space {
    width: 100%; 
    height: 60px;
}


.image_container1 p {
    background-color: #eecf45;
    border-radius: 10px;
    padding: 20px; 
    width: 75%; 
    margin: 0 auto;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.image_container1 h4 {
    background-color: #727953;
    border-radius: 10px;
    margin: 0 auto;
    width: 75%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

.main-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #ffc400;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #0e1822;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

.image_container2  {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    height: 100vh; 
       
    
}
.image_container2 p {
    background-color: #cbd0d1;
    border-radius: 10px;
    padding: 20px;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);   
}
.image_container2 img {
    width: 25%;
    height: 25%;
}
.image_container2 h4 {
    background-color: #bbc9c6;
    border-radius: 10px;
    margin: 0 auto;
    width: 75%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}



