@font-face {
    font-family: cs-book-ssv13;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/SwirlAdmin/swirl-cdn/assets/font-family/v13/CircularStd-Book.otf);
}

@font-face {
    font-family: cs-light-ssv13;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/SwirlAdmin/swirl-cdn/assets/font-family/v13/CircularStd-Light.otf);
}

@font-face {
    font-family: cs-bold-ssv13;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/SwirlAdmin/swirl-cdn/assets/font-family/v13/CircularStd-Bold.otf);
}

@font-face {
    font-family: cs-medium-ssv13;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/SwirlAdmin/swirl-cdn/assets/font-family/v13/CircularStd-Medium.otf);
}

@font-face {
    font-family: cs-black-ssv13;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/SwirlAdmin/swirl-cdn/assets/font-family/v13/CircularStd-Black.otf);
}

* {
    font-family: cs-book-ssv13;
    -webkit-tap-highlight-color: transparent;
    text-transform: none;
}

.brand-bg {
    background-color: #334499;
}

.brand-txt {
    color: #334499;
}

.brand-btn {
    background-color: #334499;
    color: #ffffff;
    border-color: #334499;
}

.brand-btn:hover {
    background-color: #334499;
    color: #ffffff;
    border-color: #334499;
}

.navbar-brand img {
    filter: invert(1);
}