:root {
    --sec-dark: #0D2C3A;
    --sec-light: #F8F9FA;
    --sec-white: #fff;
}

* {
    font-family: "Roboto", sans-serif;
}

.bg-dark {
    background-color: var(--sec-dark) !important;
}

.container {
    color: var(--sec-dark) !important;
}

main {
    margin-top: 56px;
    margin-bottom: 56px;
}
.carousel-caption {
    right: 8%;
    left: 8%;
}
.carousel-caption h1 {
    text-shadow: 0px 0px 16px #000;
    color: var(--sec-white) !important;
}

.carousel-control-next, .carousel-control-prev {
    width: 8%;
}

.breadcrumb {
    background-color: var(--sec-light);
    margin-bottom: 0;
}

.accordion-button-home {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px;
    font-size: 24px;
    font-weight: bold;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    text-decoration: none;
}
.accordion-body {
    padding: 8px;
}
button.accordion-button-home:hover,
a.accordion-button-home:hover {
    color: var(--sec-dark) !important;
}

.accordion-button:focus, 
.accordion-button:not(.collapsed) {
    background-color: unset;
    border-color: unset;
    box-shadow: unset;
    color: unset;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.home-pic {
    border-radius: 8px;
}

.container a {
    text-decoration: unset;
}
.container a .card {
    opacity: 0.9;
    min-height: calc(100% - 1rem);
}
.container a:hover .card {
    opacity: 1;
}