@charset "utf-8";

/* services-styles.css for Capstone in C6P2 Web Development Internship - Brittany Thompson, January 5, 2026 */

#search-select {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

form input, form button, select {
    font-family: "Labrada", sans-serif;
}

#reserve-cards,
#virtual-cards,
#travel-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 1%;
    padding: 2% 0;

}

#reserve-cards div img,
#virtual-cards div img,
#travel-cards div img {
    width: 100%;
}

#reserve-cards div,
#virtual-cards div,
#travel-cards div {
    background-color: rgb(255, 250, 242);
    padding: 2% 4%;
    border-radius: 10px;
}

#reserve-cards div:hover,
#virtual-cards div:hover,
#travel-cards div:hover {
    border: 5px solid rgb(100, 61, 61);
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
}