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

body {
    font-family: "Radio Canada", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: #d6d6d6;
    background-color: #1D222B;
}

.nav-tabs {
    border-bottom: 2px solid #cccccc36;
}

.nav-link {
    color: #d6d6d6;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid transparent;
}

.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tabs .nav-link.active {
    border-color: transparent;
    border-bottom: 2px solid #d6d6d6;
    color: #d6d6d6;
    background-color: transparent;
}

.nav-tabs .nav-link:hover {
    color: #d6d6d6;
    border-bottom: 2px solid #d6d6d6;
}

.form-label, .form-control {
    color: #d6d6d6;
    background-color: #1D222B;
    border-color: #d6d6d6;
}

.btn-primary {
    background-color: #F4DB09;
    border-color: #F4DB09;
    color: #1D222B;
}

h3, h2, h4 {
    margin-top: 20px;
    margin-bottom: 20px;
}