html {
    position: relative;
    min-height: 100%;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 4em; /* Set the fixed height of the footer here */
    line-height: 4em; /* Vertically center the text there */
    /*background-color: #f5f5f5;*/
    font-size: .8rem;
}

body {
    padding-top: 6.2rem;
    padding-bottom: 2rem;
    margin-bottom: 4em; /* Margin bottom by footer height */
    /*background: lightblue;*/
}

main {
    /*background: lightblue;*/
}

.page-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

a.anchor {
    display: block;
    position: relative;
    top: -6rem;
    visibility: hidden;
}

h3 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.row {
    margin-bottom: 1rem;
    /*border: solid red 1px;*/
}

.row .row {
    margin-top: 1rem;
    margin-bottom: 0;
    /*border: solid green 1px;*/
}

[class*="col-"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*        background-color: rgba(86, 61, 124, .15);
            border: 1px solid rgba(86, 61, 124, .2);*/
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.user-picture {
    height: 3rem;
    border-color: black;
    border-style: solid;
    border-width: medium;
    border-radius: 1.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.card-columns {
    column-count: 3;
}

.card-deck {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 1rem;
}