.card{
    margin: 50px 0px;
    background-color: #FFF;
    border: none;
}

.nav-tabs{
    background-color: #147568;
    padding: 10px 10px 10px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs > .nav-item >.nav-link{
    color: #FFF;
    margin-right: 5px;
    margin-bottom: 3px;
    border-radius: 5px;
    font-size: 14px;
    border:none;
    padding: 15px 10px;
    line-height: 1.5;
    text-decoration: none;
    font-size: 18px;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background-color: rgba(255,255,255,0.2);
    color: #FFF;
    text-decoration: none;
}

.dropdown-item.active{
    color: #FFF;
    background-color: #147568;
    text-decoration: none;
}

.tab-pane{
    padding: 20px;
}

.tab-content > .tab-pane h3{
    font-size: 25px;
    text-align: center;
    color: #147568;
}

.tab-pane ul li {
    list-style: square;
    font-size: 20px;
}
.tab-pane ul li a{
    text-decoration: none;
}

h2{
    text-align: center;
    font-size: 32px;
    color: purple;
    user-select: none;
}

#myTabContent p{
    font-size: 18px;
    text-align: justify;
}

#ul-I li{
    list-style-type: upper-roman;
    text-align: justify;
    font-size: 17px;
}

#ul-a li{
    list-style-type: lower-alpha;
    text-align: justify;
    font-size: 1rem;
}

@media(hover:hover){
    .dropdown-item:hover{
        color: #FFF;
        background-color: #147568;
        text-decoration: none;
    }    

    .nav-tabs > .nav-item >.nav-link:hover{
        background-color: rgba(255,255,255,0.2);
        user-select: none;
    }
}