@font-face {
    font-family: 'TangoSans';
    src: url("../fonts/TangoSans.e7a555e7b7b5.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'TangoSans', sans-serif;
    background-color: #000000;
    color: #ffffff;
    text-align: center;
}

.nav-active {
    background-color: #000000;
}

.nav-anchor-active {
    color: #ffffff;
}

.nav-anchor-active:hover {
    color: #ff4be3;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #ff4be3;
}

.nav-anchor-active:focus, .nav-anchor-active:hover {
    color: #ffffff;
}

.nav-link:focus, .nav-link:hover {
    color: #ff4be3;
}

.custom-navbar {
    background-color: #ffffff;
    color: #000000;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-logo {
    width: 3rem;
    height: 3rem;
}

@media (min-width:992px){
    .navbar-logo {
        width: 4rem;
        height: 4rem;
    }
}

.btn-primary {
    background-color: #ffffff;
    color: #000000;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    background-color: #ff4be3 !important;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
    background-color: #ff4be3 !important;
    color: #ffffff;
}

input[type="checkbox"] {
    accent-color: #ff4be3;
}

.pink-text {
    color: #ff4be3;
}