html,
body {
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    background-color: #001874;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(232,196,25,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

button.navbar-toggler:focus {
    outline: none;
}

*::-moz-selection {
    background-color: rgb(232, 196, 25, 1);
    color: #d9145c;
}

*::selection {
    background-color: rgb(232, 196, 25, 1);
    color: #d9145c;
}

a:hover {
    color: inherit;
    text-decoration: none;
}

i.fa.fa-caret-right:hover {
    cursor: pointer;
}

/* text-colors */
.text-gold-tips {
    color: #e8c419;
}

.text-razzmatazz {
    color: #d9145c;
}

.text-violent-violet {
    color: #280b67;
}

.bg-gold-tips {
    background-color: #e8c419;
}

.bg-razzmatazz {
    background-color: #d9145c;
}

.bg-violent-violet {
    background-color: #02145b;
}

/* buttons */
.btn {
    border-width: 2px;
    font-weight: 500;
}

.btn-outline-razzmatazz {
    color: #d9145c;
    border: 2px solid #d9145c;
    font-weight: 500;
}

.btn-outline-razzmatazz.active {
    background-color: #d9145c !important;
}

.btn-outline-razzmatazz:hover {
    background-color: #d9145c;
    color: #ffffff;
}

.btn-outline-razzmatazz:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(217, 20, 92, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(217, 20, 92, 0.3);
}

.btn-outline-gold-tips {
    color: #E8C419;
    border: 2px solid #E8C419;
    font-weight: 500;
}

.btn-outline-gold-tips.active {
    background-color: #E8C419 !important;
}

.btn-outline-gold-tips:hover {
    background-color: #E8C419;
    color: #ffffff;
}

.btn-outline-gold-tips:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(232, 196, 25, 0.3);
    box-shadow: 0 0 0 0.2rem rgba(232, 196, 25, 0.3);
}

.navbar-toggler {
    font-size: 20px;
}

nav {
    -webkit-transition: background-color 400ms;
    -o-transition: background-color 400ms;
    transition: background-color 400ms;
    z-index: 1100 !important;
}

nav.border-bottom {
    border-bottom: 3px solid #e8c419 !important;
}

ul {
    font-size: 16px;
}

@media (min-width: 1200px) {
    section .container {
        max-width: 85vw;
    }
}

.rotate {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
    text-orientation: mixed;
    -webkit-transform: rotateZ(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotateZ(-180deg);
    font-weight: 700;
    color: #280b67;
}

/* Native scrollbar styling */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(232, 196, 25, 0.5) transparent;
}

*::-webkit-scrollbar {
    width: 6px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background-color: rgba(232, 196, 25, 0.5);
    border-radius: 3px;
}

@media (min-width: 576px) {
    .fixed-sm-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
}

@media (max-width: 576px) {
    * {
        font-size: 3.5vw;
    }

    span.navbar-toggler-icon {
        font-size: 20px;
    }

    a.nav-link {
        font-size: 16px !important;
    }
}