body {
    padding-top: 0 !important;
    font-size: 0.9rem;
    background-color: #fff;
}

h1 {
    font-size:1.8rem;
    font-weight:bold;
    margin-top : 3rem;
    margin-bottom : 1rem;
    text-align:center;
}

h2 {
    font-size: 1.2rem;
    font-weight:600;
}

h3 {
    margin-left : 1rem;
    font-size:1rem;
    font-weight:600;
}

ul {
    padding-left:20px;
    font-weight:bold;
}

nav {
    background-color: #ddffdd !important;
}

.card {
    background-color: #ddffdd;
}

.content {
    width : 100%;
    height : 20rem;
    overflow-y : auto;
    border : 1px solid #CCC;
    padding : 1rem;
    font-size: 0.85rem;
}

    .content h2 {
        margin-top: 1rem;
        font-size: 1.2rem;
    }

.content h3 {
    font-weight:bold;
    margin-top : 1rem;
    padding-left : 0.5rem;
    font-size:1rem;
}

.content div {
    padding-left : 1rem;
    padding-right : 1rem;
}

.content ul {
    padding-left : 0;
}

.content li {
    list-style:none;
    padding-right : 0.5rem;
    padding-left : 2.3rem;
    text-indent : -1.3rem;
    font-weight: normal;
}

.btnJoin {
    background-color:#0063A4!important ;
}

.btnJoin:hover {
    background-color: #1731ca!important;
}