button.darkmode-toggle {
    z-index: 10000;
    right: 64px;
    bottom: 19px;
    border: 4px solid #fff;
    background-color: #f2709c;
    
}

div.darkmode-layer {
    z-index: 9999;
    right: 64px;
    bottom: 19px;
    /* background-color: #f2709c; */
    /* background: #00000000; */
}
@media screen and (max-width: 720px) {
    button.darkmode-toggle {
        z-index: 10000;
        right: 4.8em;
        top: calc(calc(var(--vh, 1vh) * 10.5) - 3rem);
        border: 4px solid #fff;
        background-color: #f2709c;
    }
    
    div.darkmode-layer {
        z-index: 9999;
        right: 4.1em;
        top: calc(calc(var(--vh, 1vh) * 10.5) - 3rem);
        /* background-color: #f2709c; */
        /* background: #00000000; */
    }

    div.darkmode-layer.darkmode-layer--expanded {
        top:0;
    }
}


/* * {
    isolation: isolate;
} */

/* .darkmode--activated section.title .strip-right{
    background: linear-gradient(180deg, #2EBBF0 0%, #1D7BEF 65.33%, #29A7F0 97.99%);
    isolation: isolate;
  } */

.darkmode--activated #bruh69 {
    background-color: #e6e2dd !important;
}

.darkmode--activated * {
    color: #000 !important;
}

.darkmode--activated nav * {
    color: #000 !important;
}
.darkmode--activated .nav-link.nav-links-qs {
    border-color: #000;
}
.darkmode--activated #path1721-5-8 {
    fill: #aa2200 !important;
}
.darkmode--activated #path1725-7-77 {
    fill: #551100 !important;
}
.darkmode--activated #path1723-6-9 {
    fill: #ff552b !important;
}
.darkmode--activated #path1723-6-9 {
    fill: #ff552b !important;
}
.darkmode--activated #path1741-1-0 {
    fill: #2a0900 !important;
}
.darkmode--activated #path1733-71-4 {
    fill: #ff997f !important;
}
.darkmode--activated #path1737-2-1 {
    fill: #ffbbaa !important;
}
.darkmode--activated #path1735-1-51 {
    fill: #ff7755 !important;
}
.darkmode--activated #path1739-3-2 {
    fill: #ff552b !important;
}
.darkmode--activated #g4282-0 *:hover {
    fill: #000 !important;
}
.darkmode--activated .black-unchange-bg {
    background-color: #e6e2dd !important;
}
.darkmode--activated .whoRV-art-svg .circlez {
    fill: #e6e2dd;
}
.darkmode--activated .whoRV-art-svg path {
    fill: #000;
}
.darkmode--activated .link-icon {
    fill: black;
}
.darkmode--activated .section.whoRV {
    background: linear-gradient(117.28deg, #0d8f63 10.57%, #006b8d 94.01%);
}
.darkmode--activated .section.title .strip-left {
background: linear-gradient(0.12deg, #0d8f63 2.63%, #006b8d 94.44%) !important;
}
.darkmode--activated .section.title .strip-right {
    background: linear-gradient(180deg, #006b8d 0%, #06777e 100%) !important;
}
.darkmode--activated .nav-link.nav-links-qs {
    background: linear-gradient(92.51deg, #0b8c64 0.59%, #016e89 102.35%) !important;
}
.darkmode--activated #upperWavePath {
    fill: url('#paint0_linear_1472_146');
}

.darkmode--activated #lowerWavePath {
    fill: url('#paint0_linear_1472_145')
}

.darkmode--activated .section.qs {
    background-color: #00688a !important;
}

.darkmode--activated .section.qs .qs-button {
    background: linear-gradient(95.17deg, #0b6c8b 0%, #02737f 173.04%);
}

.darkmode--activated .footer {
    background: #00688a !important;
}

.darkmode--activated #circle1 {
    fill: url('#paint0_linear_1472_253')
}

.darkmode--activated #circle2 {
    fill: url('#paint1_linear_1472_253')
}

.darkmode--activated #trophy {
    fill: black;
}

.darkmode--activated .card-title {
    background-color: #000;
    color: #a4a4a4 !important;
    border: 1px solid #040404;
}

.darkmode--activated .card-one, .darkmode--activated .card-two {
    border: 1px solid #040404;
    background: #00000029;
}

.darkmode--activated .card-picture {
    background: black;
}

.darkmode--activated #whatUpto-linktag-path {
    fill: black;
}

.darkmode--activated .nav-hamburger > * {
    background-color: #000;
}

.darkmode--activated .qs-button {
    border: 4px solid black;
}

.darkmode--activated #left-pane, .darkmode--activated #right-pane {
    fill: url('#paint0_linear_1481_263')
}


.darkmode--activated section.section.whoRV .layout-small .decorations {
    background-color: #e6e2dd !important;
}

.darkmode--activated .layout-small .whoRV-art-circles {
    fill: #e6e2dd;
    stroke: black;
}

@media screen and (max-width: 720px) {

.darkmode--activated .nav-mobile-body {
    background-color: #000;
}

.darkmode--activated .nav-link {
    color: #dfd2c5 !important;
}

.darkmode--activated .nav-hamburger.active > * {
    background-color: #dfd2c5 !important;
}

}

.darkmode--activated .darkmode-toggle--white {
    background-color: #2ebbf0;
}

.darkmode--activated .nav-link.nav-links-qs {
    color: #000 !important
}