* {
    font-family: 'Roboto',
    '"Helvetica Neue"',
    'Arial',
    'sans-serif';
    --bs-primary-bg-subtle: #cfe2ff;
}

div.pages > div.container#main {
    padding-top: 1.5em;
}

button#contact-btn {
    margin: 0rem 1rem;
    padding: 0.25em 0.75em;
    text-decoration: none;
}
button#contact-btn>a {
    color: #e8e6e4;
    text-decoration-line: none;
    text-decoration-thickness: unset;
}

span#environ-badge {
    position:relative;
    top:-2px;
    margin-right: 0.75em;
    font-size:65%;
    font-weight:500;
    vertical-align:middle;
    border: 1.95px solid white;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
}
span#environ-badge>code {
    font-size: 1em;
    color: #e8e6e4;
}
span#environ-badge.bg-success { border-color: #3eb57e; }
span#environ-badge.bg-warning { border-color: #c69b1c; }
span#environ-badge.bg-primary { border-color: #1a5bbd; }

span#update-badge {
    position:relative;
    top:-2px;
    left:3px;
    font-size:65%;
    font-weight:500;
    vertical-align:middle;
}
span#update-badge>code {
    font-size: 0.75em;
    color: #e8e6e4;
}

body div.accordion-item .accordion-header .accordion-button h2 { width: 100%; }
body div#flush-collapse-weath.accordion-collapse .accordion .accordion-collapse { padding-top: 0.75em; }
body div#flush-collapse-weath.accordion-collapse .accordion .accordion-collapse>.accordion-body {
    max-height: 25vh;
    overflow-x: hidden;
    overflow-y: scroll;
}
body div#flush-collapse-weath>.accordion-body,
body div#flush-collapse-fesc>.accordion-body {
    padding: 1rem, 1rem;
}

body footer#main-ft {
    bottom: 0;
    height: 5vh;
    max-height: 5vh;
}

.img {
   display: block;
   margin: 0 auto;
   padding-top: 1.25em;
   padding-bottom: 1.35em;
}