@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
    font-family: 'Ubuntu', sans-serif;
    background-color: #f4f8fc;
}

body>#main {
    background-color: white;
    background-image: url('/static/images/main-bg.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

a {
    color: #316dbc !important;
    margin-right: 15px;
}

.nav-item a {
    font-weight: 500;
    font-size: 1.2rem;
}

.nav-item a:hover, .nav-item a.active {
    border-bottom: 3px solid darkorange;

}

.nav-item .btn {
    background-color: #fb7217;
    color: white !important;
    border: none;
    margin-left: 2rem;
}

.nav-item .btn:hover {
    box-shadow: 0px 4px 10px #fb721755;
    border: none;
}

.btn {
    color: white !important;
}

.btn-primary {
    background-color: #316dbc !important;
}


.js-plotly-plot .plotly .modebar {
display: none;
}