h1:focus {
    outline: none;
}

a, .btn-link {
    color: navy;
}


.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

details summary {
    list-style: none;
}

    details summary::before {
        content: '+';
        display: inline-block;
        margin-right: 5.1px;
    }

details[open] summary::before {
    content: '-';
}
body {
    font-family: Body;
}

h1, h2, h3, h4, h5, h6, summary {
    font-family: Heading;
    display: inline-block;
    clear: both !important;
    background: linear-gradient(to right, black, gray);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

summary {
    font-family: Body;
    font-weight: bold;
}

a {
    text-decoration: none;
}

input, button {
    margin-top: 2px;
}

.transparent-cover {
    background-color: rgba(0, 0, 0,.4) !important;
}

.thumb-item {
    font-size: smaller;
    transition: all .5s;
}

    .thumb-item:hover {
        box-shadow: 0px 0px 5px 1px gray;
        transform: scale(1.1);
        z-index: 1000;
    }

footer {
    font-size: smaller;
}

.msg-body {
    top: 0;
    width: 100%;
    height: 100vh;
    margin: auto;
    position: fixed;
    background: rgba(0, 0, 0,.4) !important;
    display: flex;
    place-items: center;
    place-content: center;
    transition: all 1s;
}