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

body {
    margin-bottom: 80px;
    font-size: 1rem;
}

.tile {
    font-size: 1.3rem;
    padding-block: 5px;
    height: 110px;
    color: white;
    text-align: center;
    vertical-align: central;
    border: 5px solid white;
}

.bg-dark {
    background-color: #009982 !important;
}

a {
    color: #009982;
}

    a:hover {
        color: #333;
    }

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2);
}

/* #region Navbar styles */
.navbar-brand {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    /*    color: #009982;*/
}
/* #endregion */

/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */