@import "https://cdn.jsdelivr.net/npm/bulma@1.0.1/css/bulma.min.css";


/* custom styles to decrease margins and paddings */
.container {
    margin: 2rem auto;
    /* decrease margin to 0.5rem */
    padding: 0.5rem;
    /* decrease padding to 0.5rem */
}

.showcase {
    margin-top: 10%;
    /* decrease padding to 0.5rem */
}


.hero {
    padding: 0.5rem 1rem;
    /* decrease padding to 0.5rem top and bottom, 1rem left and right */
}

.hero-body {
    padding: 0.5rem 1rem;
    /* decrease padding to 0.5rem top and bottom, 1rem left and right */
}

.hero-body .title {
    margin-top: 0;
    /* remove top margin from title */
}

.section {
    padding: 1.5rem 1rem;
    /* increase padding to 1.5rem top and bottom, 1rem left and right */
}

.columns {
    margin: 0.2rem;
    /* decrease margin to 0.2rem */
}

.column {
    display: flex;
    align-items: stretch;
    /* make all columns equal height */
    padding: 0.5rem;
    /* increase padding to 0.5rem */
}

.card {
    flex: 1;
    /* make cards take up the full height of their container */
    display: flex;
    flex-direction: column;
}

.card-content {
    padding: 1.5rem;
    /* increase padding inside the cards */
    flex: 1;
    /* make content area take up remaining space */
}

.table {
    margin: 0.2rem;
    /* decrease margin to 0.2rem */
}

.table td,
.table th {
    padding: 0.2rem;
    /* decrease padding to 0.2rem */
}

.image {
    margin: 0.2rem;
    /* decrease margin to 0.2rem */
}