/*
Styles for the core app.
*/

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 20px;
    background-color: #f9f9f9;
}
h1, h2, h3 {
    font-weight: 600;
}
p, ul {
    margin-bottom: 20px;
}
ul {
    padding-left: 20px;
}
a {
    color: #007aff;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

div.custom-columns {
    column-count: 3;
}

/* @media (min-width: 576px) {
    .card-columns.custom-columns {
        column-count: 1;
    }
 }

@media (min-width: 768px) {
    .card-columns.custom-columns {
        column-count: 2;
    }
}

@media (min-width: 992px) {
    .card-columns.custom-columns {
        column-count: 3;
    }
 } */