custom.css

.navbar {
    height: 54px !important;
    background-color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    filter: drop-shadow(0px -20px 15px #000);
}

.navbar-brand {
    color: #000000 !important;
    font-family: 'Source Serif 4', serif;
}

.nav-pills {
    width: auto;
}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
    background-color: #F0F0F0;
}

.nav-item > a {
    color: #000000 !important;
    font-family: 'Source Serif 4', serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.5s;
}

.nav-pills .nav-active {
    font-weight : bold;
}

.nav-not-active {
    background-color: #FFFFFF;
}

.text-title {
    font-family: 'Oswald', sans-serif;
}

.text-body {
    font-family: 'Source Serif 4', serif;
}

h1 {
    font-weight : bold;
    font-family: 'Oswald', sans-serif;
}

h2 {
    font-weight : bold;
    font-family: 'Source Serif 4', serif;
    text-align : center;
    padding: 2px;
}

h6, p, .Select, .Select-control, .Select-multi-value-wrapper {
    font-family: 'Source Serif 4', serif;
}

p {
    text-align: justify;
}

#title {
    font-size : 42pt;
    font-family: 'Oswald', sans-serif;
    font-weight : 600;
}

#chart-container {
    max-width : 100%;
}

.count-sdg {
    text-align : center;
    font-size : 56pt;
    padding : 0;
    margin : 0;
    font-family: 'Oswald', sans-serif;
}

.count-text-sdg {
    text-align : center;
    font-family: 'Source Serif 4', serif;
}

.description {
    font-size : 16pt;
    color: gray;
    font-family: 'Source Serif 4', serif;
}

.sub-title {
    font-size : 45pt;
    text-align : center;
}

.goal-label {
    font-weight : bold;
    font-family: 'Source Serif 4', serif;
}

.goal-desc {
    font-family: 'Source Serif 4', serif;
}

.card-header {
    font-weight : bold;
    font-family: 'Source Serif 4', serif;
}

.card-sdg {
    border: 0.5px solid #D0D0D0;
    border-radius: 20px;
    transition: 0.3s;
    width: 40vh;
    height: 40vh;
}

.card-sdg:hover {
    background-color: #9e4560;
    color: #FFFFFF;
}