body {
    background-color: #f8f9fa;
}

.hero-section {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)),
    url('/assets/images/guesthouse.jpg');

    background-size: cover;
    background-position: center;

    height: 500px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: white;
    text-align: center;
}

.room-card {
    transition: 0.3s;
}

.room-card:hover {
    transform: translateY(-5px);
}