:root {
    --gold: #F1BE67;
    --blue: rgb(8,18,36);
    --red: #ED1C24;
}

html,
body{
    height:100%;
    margin:0;
}

body {
    font-family: 'Poppins';
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family:'Unbounded';
}

.btn-primary {
    font-family: 'Unbounded';
    background-color: var(--gold);
    border-color: var(--gold);
    color: #000;
}

.btn-primary:hover{
    background-color:var(--red);
    border-color:var(--red);
}

/* ------------------------------------------------------------------------ Navbar Toggler */

.navbar-toggler {
    padding: 0 0 0 1rem;
    border: none;
    cursor: pointer;
    position:relative;
}

.navbar-toggler:after {
    content: '\f0c9';
    font-family: 'Font Awesome 6 Free';
    color:var(--gold);
    font-size:1.5rem;
    position: absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
}

    .navbar-toggler[aria-expanded="true"]:after {
        content: '\f00d';
    }

@media (min-width: 992px) {

    .navbar-toggler {
        display: none;
    }
}

header {
    padding: 15px 0;
    background: var(--blue);
}

header .logo{
    max-width: 70px;
}

    header .nav-link {
        font-family: 'Unbounded';
        text-transform: uppercase;
        font-size: 1.125rem;
        color: var(--gold) !important;
        margin-left:15px;
        transition: 0.3s;
    }

    header .nav-link:hover,
    header .nav-link.active{
        color:var(--gold);
        text-decoration: underline;
    }



footer {
    background: var(--blue);
    color: var(--gold);
}

footer .footer__rkd-image {
    width: 110px;
}