body {
    
}


.jumbotron {
    box-shadow: inset 0px -8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 13px;
    background-color: #FAFAFA;
    min-height: 300px;
}

#abajo 

{
    font-family: 'Playball', cursive;
    font-size: 18px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: black;
    background: #ffbf00;
    padding: 4px;
}

/* change the background color */
.navbar-custom {
    background-color: #ffffff;
}
    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: #F827F6;
        padding: 0.8rem 1rem;
    }
    /* change the link color and add padding for height */
    .navbar-custom .navbar-nav .nav-link {
        color: red;
        padding: 1rem 1rem;
    }
    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: #ffffff;
        background-color: #ee4400; /* add background-color to active links */
    }

.navbar-custom {
    background-color: #ff5500;
}

    /* change the brand and text color */
    .navbar-custom .navbar-brand,
    .navbar-custom .navbar-text {
        color: rgba(255,255,255,.8);
    }

    /* change the link color */
    .navbar-custom .navbar-nav .nav-link {
        color: red;
    }

    /* change the color of active or hovered links */
    .navbar-custom .nav-item.active .nav-link,
    .navbar-custom .nav-item:hover .nav-link {
        color: #ffffff;
    }

    /* for dropdown only - change the color of droodown */
    .navbar-custom .dropdown-menu {
        background-color: #ff5500;
    }

    .navbar-custom .dropdown-item {
        color: #ffffff;
    }

        .navbar-custom .dropdown-item:hover,
        .navbar-custom .dropdown-item:focus {
            color: #333333;
            background-color: rgba(255,255,255,.5);
        }