/* Bike Tracker style sheet */

/* Banner section background */
/* Makes the background a gradient colour diagonally */
/* Adds padding around the top and bottom of the banner */
.banner {
    background: linear-gradient(135deg, #F594E5, #F594B4, #F5A494);
    padding: 100px 0;
}


/* Add hover effect to all cards */
.card {
    transition: transform 0.2s ease;
}

/* The card will lift up when hovered over */
.card:hover {
    transform: translateY(-5px);
}

/* Success messages become green */
.alert-success {
    border-left: 5px solid #198754;
}

/* Error messages become red */
.alert-danger {
    border-left: 5px solid #dc3545;
}

/* Increases size of navbar-brand (site name) */
.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Ensures footer stays at the bottom */
footer {
    margin-top: auto;
}

/* Solid pink button (active state) */
.btn-pink {
    background-color: #F7ABC4;
    color: white;
    border: 1px solid #F7ABC4;
}

.btn-pink:hover {
    background-color: #fdcadb;
    border-color: #fdcadb;
    color: white;
}

/* Outlined pink button (inactive state) */
.btn-outline-pink {
    border: 1px solid #F7ABC4;
    color: #F7ABC4;
    background-color: transparent;
}

.btn-outline-pink:hover {
    background-color: #F7ABC4;
    color: white;
}