.card {
    border: 0.25rem solid #000000;
    border-radius: 1rem 1rem 1rem 1rem;
    padding: 1rem 1rem 1rem 1rem;
    margin: 1rem 1rem 1rem 1rem;
    background-color: #FF0000;

    .card-body {
        border: 0.25rem solid #000000;
        border-radius: 1rem 1rem 1rem 1rem;
        padding: 1rem 1rem 1rem 1rem;
        margin: 1rem 1rem 1rem 1rem;
        background-color: #FF4F4F;
    }

    & .card-body {
        .card {
            border: 0.25rem solid #000000;
            border-radius: 1rem 1rem 1rem 1rem;
            padding: 1rem 1rem 1rem 1rem;
            margin: 1rem 1rem 1rem 1rem;
                background-color: #FFAFAF;
            }
    } 
}

.card-title {
    text-decoration: underline;
}

.btn {
    border: .25rem solid #000000;
    background-color: #000000;
    color: #FFFFFF;
    transition: background-color 0.5s;
    transition: color 0.5s;
}

.btn:hover {
    border-color: #000000;
    background-color: #FFAAAA;
    color: #000000;
    text-decoration: none;
    transition: background-color 0.5s;
    transition: color 0.5s;
}

h1 {
    font-weight: bolder;
}

h2 {
    font-weight: bold;
}

h3 {
    text-decoration: underline;
}

ul {
    text-align: left;
}

.nav-pills {
    .nav-link {
        border: .25rem solid #000000;
        margin: 1rem 1rem 1rem 1rem;
        background-color: #000000;
        color: #FFFFFF;
        transition: background-color 0.5s;
        transition: color 0.5s;
    }

    .nav-link:hover {
        background-color: #FFAAAA;
        color: #000000 !important;
        text-decoration: none;
        transition: background-color 0.5s;
        transition: color 0.5s;
    }
}