@keyframes introAnimation {
    from {
        transform: translateY(calc(var(--d) - 100vh));
    }
    to {
        transform: translateY(0);
    }
}
@keyframes introCTA {
    0% {
        opacity: 0;
        transform: translateX(-10vw);
    }
    50%, 100% {
        opacity: 1;
        transform: translateX(0) scale(1);
        transform-origin: top left;
    }
    66%, 83% {
        transform: scale(1.1);
    }
    75% {
        transform: scale(1.05);
    }
}
@keyframes tilt {
    from, 50%, to {
        transform: rotate(-2.5deg);
    }
    25% {
        transform: rotate(5deg);
    }
    75% {
        transform: rotate(-10deg);
    }
}
@keyframes storyButtonTextAnimation {
    from, to {
        font-size: 1.25rem;
        transform: scale(1);
    }
    30%, 60% {
        font-size: 2rem;
        transform: scale(.8);
    }
}
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    4%, 28%, 39%, 54%, 72%, 88%, 93% {
        transform: scale(1.05);
    }
    14%, 21%, 30%, 41%, 65%, 79% {
        transform: scale(.95);
    }
}
@keyframes wind {
    from, 22%, 50%, 68%, to {
        transform: rotate(0) translateY(0);
        transform-origin: bottom left;
    }
    14%, 40%, 58%, 78% {
        transform: rotate(2deg) translateY(-5px);
    }
    30%, 89% {
        transform: rotate(-1.5deg) translateY(2px);
    }
}
@keyframes wind1 {
    from, 22%, 50%, 68%, to {
        transform: rotate(0) translateY(0);
        transform-origin: bottom left;
    }
    14%, 40%, 58%, 78% {
        transform: rotateX(2deg) rotateY(5deg) translateY(-5px);
    }
    30%, 89% {
        transform: rotate(-1deg) translateY(15px);
    }
}
@keyframes wind2 {
    from, 22%, 50%, 68%, to {
        transform: rotate(0) translateY(0);
        transform-origin: bottom center;
    }
    14%, 40%, 58%, 78% {
        transform: rotate(3.5deg) translateY(-2px);
    }
    30%, 89% {
        transform: rotate(-5deg) translateY(5px);
    }
}
@keyframes wind3 {
    from, 22%, 50%, 68%, to {
        transform: rotate(0) translateY(0);
        transform-origin: bottom center;
    }
    16%, 42%, 55%, 73% {
        transform: rotate(2deg) translateY(-2px);
    }
    27%, 86% {
        transform: rotate(-5deg) translateY(15px);
    }
}
@keyframes card1 {
    from {
        left: 40%;
    }
    99% {
        z-index: 2;
    }
    to {
        left: 0;
        z-index: initial;
    }
}
@keyframes card2 {
    from {
        left: 20%;
    }
    99% {
        z-index: 3;
    }
    to {
        left: 0;
        z-index: initial;
    }
}
@keyframes card3 {
    0% {
        transform: scale(1.2);
        z-index: 4;
    }
    10%, 30% {
        transform: scale(1.3);
    }
    99% {
        z-index: 4;
    }
    100% {
        transform: scale(1);
        z-index: initial;
    }
    
}
@keyframes card4 {
    from {
        right: 20%;
    }
    99% {
        z-index: 3;
    }
    to {
        right: 0;
        z-index: initial;
    }
}
@keyframes card5 {
    from {
        right: 40%;
        z-index: 2;
    }
    99% {
        z-index: 2;
    }
    to {
        right: 0;
        z-index: initial;
    }
}
.content {
    transform: translateY(calc(var(--d) - 100vh));
    animation: introAnimation .6s ease forwards;
    animation-delay: .4s;
}
#intro.inVP .row :is(svg, h1, h3) {
    animation: transFromLeftFI 1s ease forwards;
}
#intro.inVP .row a {
    animation: introCTA 2s ease forwards;
}
#intro svg {
    animation-delay: .5s;
}
#intro h1 {
    animation-delay: .6s;
}
#intro h3 {
    animation-delay: .7s;
}
#intro a {
    animation-delay: .8s;
    animation-duration: 1.25s;
}
#intro .row :is(svg, h1, h3, a), #learnMore .desktop > div > .row > div, #archievements .col-3.text-center, #story .col-xl-8 :is(h1, h2, h3, span, a), #donate .order-2 :is(h1, h3, span, a), #testimonials h1.bTitle, #newsletter :is(h1, h4, form) {
    opacity: 0;
}
#learnMore.inVP .desktop > div > .row > div, #testimonials.inVP h1.bTitle, #newsletter.inVP :is(h1, h4, form) {
    animation: fadeIn .75s ease forwards;
}
#learnMore .desktop > div > .row > div:nth-child(2), #archievements .col-3.text-center:nth-child(2), #story .col-xl-8 :is(h2, h3), #donate .order-2 h3 {
    animation-delay: .25s !important;
}
#learnMore .desktop > div > .row > div:nth-child(3), #archievements .col-3.text-center:nth-child(3), #donate .order-2 span {
    animation-delay: .5s !important;
}
#archievements .row:has(>.col-3.text-center) {
    overflow-y: hidden;
}
#archievements.inVP .col-3.text-center {
    animation: transFromBottomFI 1s ease forwards;
}
#archievements .col-3.text-center:nth-child(4) {
    animation-delay: .75s !important;
}
#story.inVP .col-xl-8 :is(h1, h2, h3, span, a) {
    animation: transFromRightFI 1s ease forwards;
}
#story .col-xl-8 span, #donate .order-2 :is(h1, h3, span, b) {
    display: block;
}
#story .col-xl-8 span {
    animation-delay: .375s;
}
#story .col-xl-8 a:first-of-type, .order-2 a {
    animation-delay: .625s !important;
}
#story .col-xl-8 a:nth-of-type(2) {
    animation-delay: .7s;
}
#donate.inVP .order-2 :is(h1, h3, span, a) {
    animation: transFromLeftFI 1s ease forwards;
}
#story .col-xl-8 a.storyButtonAnim {
    opacity: 1;
}
#story .col-xl-8 a.storyButtonAnim h5 {
    animation: storyButtonTextAnimation 2.01s ease;
}
#donate .order-2 .decoration svg {
    animation: pulse 10s ease infinite;
}
#toBHEF .position-relative.z-2 path:nth-child(4) {
    animation: wind1 10s linear infinite;
}
#toBHEF .position-relative.z-2 path:nth-child(3) {
    animation: wind2 10s linear infinite;
}
#toBHEF .position-relative.z-2 path:nth-child(2) {
    animation: wind3 10s linear infinite;
}
#toBHEF .position-absolute.top-0.start-50 svg {
    animation: wind 6s ease infinite;
}
#BHEF:not(.inVP) h1.bTitle {
    opacity: 0;
    transform: scale(.5);
}
#BHEF h1.bTitle {
    transition: all .3s ease !important;
}
#BHEF.inVP h1.bTitle {
    opacity: 1;
}
#BHEF:not(.inVP) .characterCardContainer:nth-child(1) {
    left: 40%;
    z-index: 2;
    animation-delay: .5s;
}
#BHEF:not(.inVP) .characterCardContainer:nth-child(2) {
    left: 20%;
    z-index: 3;
    animation-delay: .5s;
}
#BHEF:not(.inVP) .characterCardContainer:nth-child(3) {
    z-index: 4;
}
#BHEF:not(.inVP) .characterCardContainer:nth-child(5) {
    right: 20%;
    z-index: 3;
    animation-delay: .5s;
}
#BHEF:not(.inVP) .characterCardContainer:nth-child(6) {
    right: 40%;
    z-index: 2;
    animation-delay: .5s;
}
#BHEF.inVP h1.bTitle {
    animation: scaleUp 1s cubic-bezier(.86,0,.07,1) forwards;
}
#BHEF.inVP .characterCardContainer:nth-child(1) {
    animation: card1 1.25s ease;
}
#BHEF.inVP .characterCardContainer:nth-child(2) {
    animation: card2 1s ease;
}
#BHEF.inVP .characterCardContainer:nth-child(3) {
    animation: card3 1.11s cubic-bezier(.67,.11,.33,1.11);
}
#BHEF.inVP .characterCardContainer:nth-child(5) {
    animation: card4 1s ease;
}
#BHEF.inVP .characterCardContainer:nth-child(6) {
    animation: card5 1.25s ease;
}
#newsletter.inVP h4 {
    animation-delay: .3s;
}
#newsletter.inVP form {
    animation-delay: .6s;
}

a:is(.bgAqua, .bgPYellow, .bgPPink):has(> div):hover, #newsletter input[type=submit]:hover {
    filter: brightness(.8) saturate(1.5);
}
.characterCardContainer {
    aspect-ratio: 10 / 14;
    transition: all .3s ease !important;
    z-index: 2;
}
.characterCardContainer:hover {
    z-index: 4;
    transition: all .5s ease !important;
}
.characterCardContainer a.btn {
    background-color: var(--green);
    transition: all .3s ease !important;
}
.characterCardContainer a.btn:hover {
    background-color: var(--pink) !important;
}
.characterCardContainer .bg {
    width: 100%;
    aspect-ratio: 1354 / 1000;
}
.characterCardContainer img {
    transition: all .3s ease !important;
}
.characterCardContainer:hover img {
    transition: all .5s ease !important;
}
.characterCardContainer:nth-child(1) .bg {
    background-color: #F4DC9A;
}
.characterCardContainer:nth-child(1) img {
    transform-origin: bottom left;
}
.characterCardContainer:nth-child(2) .bg {
    background-color: #FFCCE3;
}
.characterCardContainer:nth-child(3) .bg {
    background-color: var(--pale-yellow);
}
.characterCardContainer:nth-child(5) .bg {
    background-color: #D3F4BD;
}
.characterCardContainer:nth-child(6) .bg {
    background-color: #FFD0A9;
}
.controls .arrows > * {
    position: absolute;
    top: 50%;
    z-index: 998;
}
.controls #arrowBack {
    transform: translateY(100%) translateX(-9rem);
}
.controls #arrowForward {
    transform: rotate(180deg) translateY(-113%) translateX(-8rem);
}
.testimonials {
    min-height: 158px;
}
.testimonial.active {
    transition: all 1s ease !important;
}
.testimonial:not(.active) {
    opacity: 0;
    transition: all .3s ease !important;
}
.testimonial h4:not(.delius) {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}
.testimonial h4:not(.delius)::before, .testimonial h4:not(.delius)::after {
    font-family: 'Noto Sans';
    font-size: 10rem;
    position: absolute;
    top: 0;
    color: var(--green);
    z-index: 10;
}
.testimonial h4:not(.delius)::before {
    left: 0;
    content: open-quote;
    transform: translate(-5rem, -5rem);
}
.testimonial h4:not(.delius)::after {
    right: 0;
    content: close-quote;
    transform: translate(5rem, -5rem);
}
#BHEF .position-relative:has(> h1.bTitle) > div {
    width: 85%;
}
#BHEF .position-relative:has(> h1.bTitle) > div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--green);
    width: 0%;
    height: 100%;
    transition: all .5s ease !important;
    transition-delay: .5s !important;
    z-index: 3;
}
#BHEF:not(.inVP) .position-relative:has(> h1.bTitle) > div::after {
    width: 100%;
}
#intro {
    background: url('src/img/home/background.png') no-repeat top right;
    background-size: cover;
    min-height: calc(var(--d) + var(--h-change-intro));
}
#intro .changeContainer {
    margin-bottom: -2px;
}
#intro .row, #intro .col {
    min-height: var(--d);
}
#intro svg:not(.deco) {
    width: clamp(75px, calc(100px * var(--scale-factor)), 200px);
}
#learnMore {
    transform-origin: top;
    transition: none !important;
}
#learnMore h4 {
    font-size: 1.275rem;
    font-weight: 600;
}
#learnMore .container.mobile {
    max-width: 540px !important;
    transform: translateY(calc(-0.75 * var(--h-change-intro)));
}
#learnMore .mobile svg {
    pointer-events: none !important;
}
#learnMore .decoration path {
    animation: rotate 10s linear forwards infinite;
    transform-origin: center center !important;
}
#learnMore .row.desktop {
    width: 1800px;
    transform: scaleX(var(--scale-factor)) translateY(calc(-0.75 * var(--h-change-intro)));
    transform-origin: top center;
    transition: none !important;
}
#learnMore :is(.desktop, .mobile) {
    filter: drop-shadow(0 0 .5rem #434E78)
}
#learnMore .row.desktop .col {
    margin: 0 1.75rem;
}
#learnMore .row.desktop > .col > .row:nth-of-type(2),  #learnMore .row.desktop > .col > .row:nth-of-type(3) {
    margin-top: -1px !important;
}
#learnMore .row.desktop .row:has(svg) .col-4:nth-child(1) .position-absolute svg {
    transform: translate(-25%, 25%);
}
#learnMore .row.desktop .row:has(svg) .col-4:nth-child(2) .position-absolute svg {
    transform: translate(-35%, 5%);
}
#learnMore .row.desktop .row:has(svg) .col-4:nth-child(3) .position-absolute svg {
    transform: translate(-20%, 20%);
}
#learnMore .btn.bgWhite:hover {
    background-color: var(--pale-yellow);
}
#learnMore span, #learnMore h5 {
    font-weight: 300;
}
#learnMore .decoration svg {
    width: clamp(3rem, calc(6rem * var(--scale-factor)), 12rem) !important;
    margin: 0 clamp(1rem, calc(2rem * var(--scale-factor)), 4rem);
}
#learnMore .decoration.bottom-0.end-0 svg {
    transform: rotate(-45deg) translate(50%, -50%);
}
#learnMore .p-2:has(> svg) {
    padding-top: 1rem !important;
    padding-bottom: .9rem !important;
    padding-right: 1rem !important;
    padding-left: .9rem !important;
}
#learnMore h5 {
    line-height: 28px;
}
#rainbow {
    transform: translateX(-12.5%) translateY(-50%) !important;
}
.page {
    width: 1rem;
    height: 1rem;
}
.page.active {
    background-color: var(--green);
}
.page:hover, .controls .arrows > *:hover {
    cursor: pointer;
    filter: brightness(.9);
}
@media (max-width: 1920px) {
    .scale {
        width: calc(1920px - 6rem);
        transform: scale(var(--scale-factor));
        transform-origin: center left;
        transition: none !important;
    }
    .characterCardContainer {
        margin: 0 1.5vw;
        filter: drop-shadow(0 0 .5vw #41414188);
    }
    .characterCardContainer:hover {
        filter: drop-shadow(0 0 .5vw #36B6A4);
    }
}
@media (min-width: 1400px) {
    #story .ps-xxl-5 {
        padding-left: calc(15% - 129px) !important;
    }
    #story .pe-xxl-5, #story .px-xxl-5 {
        padding-right: calc(15% - 129px) !important;
    }
    #donate .col-12.order-lg-1 {
        width: calc(46% * var(--scale-factor));
        padding-left: calc(4% * var(--scale-factor));
    }
    #BHEF .row:has(>.characterCardContainer) > .w-100 {
        display: none !important;
    }
    .bTitle {
        font-size: 80px;
    }
    .characterCardContainer h1 {
        font-size: 150% !important;
    }
    .characterCardContainer a {
        font-size: 120% !important;
        background-color: var(--green);
        padding: clamp(6px, 2.547%, 2rem) clamp(10px, 10.695%, 4rem) !important;
        padding-bottom: clamp(7px, 4%, 2.16rem) !important;
    }
    .characterCardContainer span {
        font-size: .75vw !important;
    }
    .characterCardContainer .roundDivTop {
        border-radius: var(--round-distance) var(--round-distance) 0 0 !important;
    }
    .characterCardContainer .roundDivBottom {
        border-radius: 0 0 var(--round-distance) var(--round-distance) !important;
    }
}
@media (max-width: 1399px) {
    #BHEF .row:has(> .characterCardContainer + .w-100) span {
        font-size: 1.2vw;
    }
    #BHEF .row:has(>.characterCardContainer) {
        justify-content: space-evenly;
    }
    #BHEF .characterCardContainer:nth-child(5), #BHEF .characterCardContainer:nth-child(6) {
        width: 30%;
        flex: 0 0 auto;
    }
    .characterCardContainer {
        animation: transFromRightFI 1s ease !important;
        z-index: initial;
    }
    .characterCardContainer:nth-child(n+5) {
        animation: transFromLeftFI 1s ease !important;
    }
    .testimonial {
        width: 70%;
    }
}
@media (min-width: 1200px) {
    .testimonial {
        width: 70%;
    }
}
@media (max-width: 1199px) {
    #rainbow {
        left: unset !important;
        right: 0 !important;
        transform: translateX(50%) translateY(-75%) !important;
        width: 70vw !important;
    }
    #strokes {
        left: 0 !important;
        transform: translateY(-25%) translateX(-50%) !important;
    }
    #strokes svg {
        width: 20vw;
        transform: rotate(100deg);
    }
    .testimonial {
        width: 80%;
    }
}
@media (min-width: 992px) {
    header {
        animation: transFromTop 1s ease forwards;
    }
    header #nav {
        transform: translateY(-100%);
        animation: transFromTop .6s ease forwards;
        animation-delay: .3s;
    }
    #archievements {
        margin-top: calc(30.169vw - 581px);
    }
    #BHEF div:has(> h1.bTitle) {
        width: fit-content;
        margin: 0 auto;
    }
    #chicken {
        width: 12.5vw;
        margin-top: -1rem;
    }
    #learnMore {
        transform: scaleY(var(--scale-factor));
    }
    #learnMore > *:not(.desktop) {
        transform: scaleY(calc(1 / var(--scale-factor)));
    }
    #intro .bTitle {
        font-size: 50px;
    }
    .characterCardContainer:hover {
        transform: scale(1.318);
    }
    .characterCardContainer h1 {
        font-size: 2.5vw;
    }
    .characterCardContainer .roundDivTop {
        border-radius: 20px 20px 0 0;
    }
    .characterCardContainer .roundDivBottom {
        border-radius: 0 0 20px 20px;
    }
    .characterCardContainer a {
        font-size: 1.5vw;
        background-color: var(--green);
        padding: .6vw 2.3vw;
    }
    .characterCardContainer span {
        font-size: 1vw;
    }
    .characterCardContainer:nth-child(1) img {
        transform: scale(1);
    }
    .characterCardContainer:nth-child(1):hover img {
        transform: scale(1.2) translateY(-5%);
    }
    .characterCardContainer:nth-child(2) img, .characterCardContainer:nth-child(5) img {
        transform: scale(.9) translateY(-2.5%);
    }
    .characterCardContainer:nth-child(2):hover img, .characterCardContainer:nth-child(5):hover img {
        transform: scale(1) translateY(-20%);
    }
    .characterCardContainer:nth-child(3):hover img {
        transform: scale(1.4) translateY(-5%);
    }
    .characterCardContainer:nth-child(6) img {
        transform: scale(.9);
    }
    .characterCardContainer:nth-child(6):hover img {
        transform: scale(1.225) translateY(-10%);
    }
    .scale-lg {
        width: 1920px;
        transform: scale(var(--scale-factor));
        transform-origin: top left;
        margin-top: -2px;
        transition: none !important;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 30px !important;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 17px;
    }
    h5 {
        font-size: 16px;
    }
    h6, span, p {
        font-size: 15px;
    }
    div:has(> .butterfly) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .butterfly {
        width: 12rem !important;
    }
    .content {
        animation-duration: 1.05s;
    }
    .changeContainer:not(:is(.show-ulg, #toBHEF, #toFooter)) svg {
        min-width: 800px;
    }
    .changeContainer#toBHEF .position-relative {
        width: 150vw !important;
        transform: translateX(-25%);
    }
    .testimonialContainer .controls .arrows {
        display: none !important;
    }
    .testimonial {
        width: 100%;
    }
    .testimonial h4:not(.delius)::before, .testimonial h4:not(.delius)::after {
        font-size: 8rem;
    }
    .testimonial h4:not(.delius)::before {
        transform: translate(-4rem, -4rem);
    }
    .testimonial h4:not(.delius)::after {
        transform: translate(4rem, -4rem);
    }
    #archievements {
        margin-top: -3px;
    }
    #archievements h1 {
        font-size: 50px !important;
    }
    #archievements h1 b {
        font-weight: 900;
    }
    #archievements h2 b {
        font-weight: 600;
    }
    #toBHEF .decoration.position-absolute.top-100.end-5.me-5.z-3.translate-middle-y {
        right: 1% !important;
    }
    #toBHEF .position-relative.z-2 path:nth-child(3) {
        animation: none !important
    }
    #BHEF .characterCardContainer {
        margin-bottom: 5rem;
        animation: none !important;
        left: 0 !important
    }
    #BHEF .characterCardContainer .roundDivBottom {
        padding-top: 3rem !important;
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    #BHEF .characterCardContainer .roundDivBottom a {
        padding: .6rem 1.5rem;
    }
    .characterCardContainer span {
        font-size: clamp(13px, 1.4vw, 20px) !important;
    }
    #BHEF .row:has(>.characterCardContainer) > .w-100 {
        display: none !important;
    }
    #BHEF .position-absolute:has(>img) {
        top: 4% !important;
    }
    #BHEF .characterCardContainer:nth-child(5), #BHEF .characterCardContainer:nth-child(6) {
        width: 100%;
        flex: 0 0 auto;
    }
    #chicken {
        width: 20vw;
    }
    #intro {
        background: linear-gradient(rgba(0, 0, 0, 0.7) 100%, rgba(0, 0, 0, 0.7) 100%), url('src/img/home/background.png') no-repeat top right;
        background-position-x: 75%;
    }
    #intro h1.bTitle {
        font-size: 30px !important;
    }
    #intro .row a.btn {
        transform-origin: top center !important;
    }
    #learnMore .decoration svg {
        width: 10rem !important;
    }
    #rainbow {
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) translateY(-45%) !important;
        width: 90vw !important;
    }
    #strokes {
        left: 100% !important;
        transform: translateX(-50%) translateY(-25%) !important;
    }
    #strokes svg {
        width: 20vw;
        transform: rotate(0deg);
    }
    #donate .row:not(.show-ulg) .col-12.order-2, #story .col-12.col-xl-8.col-xxl-7, .characterCardContainer {
        width: 500px !important;
        max-width: 100%;
        margin: 0 auto;
    }
    #story .col-12.col-xl-8.col-xxl-7 {
        width: 550px;
    }
}
@media (max-width: 450px) {
    :root {
        --round-distance: 35px !important;
    }
    .content h1, #intro h1.bTitle {
        font-size: 25px !important;
    }
    .content h2, .content h2 * {
        font-size: 20px !important;
    }
    .content h3 {
        font-size: 16px !important;
    }
    .content h4 {
        font-size: 14px !important;
    }
    .content h5 {
        font-size: 13px !important;
    }
    .content :is(h6, p, span) {
        font-size: 12px !important;
    }
    .content .py-3 {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important;
    }
    .content .px-4 {
        padding-right: 1.67rem !important;
        padding-left: 1.67rem !important;
    }
    .content .px-5 {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
    #learnMore h4 {
        font-size: 16px;
    }
    #learnMore .mobile > .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #learnMore .p-2:has(> svg) {
        padding-top: .75rem !important;
        padding-right: .75rem !important;
        padding-bottom: .7rem !important;
        padding-left: .7rem !important;
    }
    #learnMore .p-5 {
        padding: 2.5rem !important;
    }
    #learnmore .p-2 svg {
        width: 1.5rem !important;
    }
    #story .p-4 {
        padding: .75rem !important;
    }
    :is(#story, #donate) a * {
        font-size: 13px !important;
    }
    :is(#story, #donate) a .ps-3 {
        padding-left: 0 !important;
        padding-right: 1.5rem !important;
    }
    :is(#story, #donate) a svg {
        width: 1.5rem !important;
    }
    #archievements h1 {
        font-size: 40px !important;
    }
    #archievements .show-ulg > div:not(:is(.decoration, .position-absolute, .px-5)):first-child {
        padding-top: 0 !important;
    }
    #toBHEF .decoration.position-absolute.bottom-100.start-0.ms-5 {
        display: none !important;
    }
    #toBHEF .decoration.position-absolute.top-100.end-5.me-5.z-3.translate-middle-y {
        right: 5% !important;
        margin-right: 0 !important
    }
    #BHEF .characterCardContainer .roundDivBottom {
        padding-top: 1rem !important;
        padding-right: 1rem !important;
        padding-bottom: 1.75rem !important;
        padding-left: 1rem !important;
    }
    #BHEF .characterCardContainer .py-3 {
        padding-top: 0 !important;
    }
    #BHEF .row:has(>img) {
        top: 4%;
    }
    .newsletterPopUp h1 {
        font-size: 30px !important;
    }
    .newsletterPopUp span {
        font-size: 13px;
    }
    :is(#newsletter, .newsletterPopUp) form {
        flex-direction: column;
    }
    :is(#newsletter, .newsletterPopUp) form .w-50 {
        width: 100% !important;
        margin-bottom: 1rem;
    }
    :is(#newsletter, .newsletterPopUp) input[type=submit] {
        margin-left: 0 !important;
    }
}
@media (min-width: 1921px) {
    body {
        width: 1920px;
        transform: scale(var(--scale-factor));
        transform-origin: top left;
    }
    #archievements {
        margin-top: 0 !important;
    }
    #chicken {
        width: 100% !important;
    }
    div:has(> #chicken) {
        width: 12% !important;
    }
    #donate .col-12.order-lg-1 {
        width: 46% !important;
        padding-left: 4% !important;
    }
    #intro {
        min-height: 991px;
    }
    #intro .butterfly.show-ulg {
        display: inline !important
    }
    #intro .butterfly.collapse-ulg {
        display: none !important;
    }
    #intro .changeContainer {
        margin-bottom: -5px;
    }
    #intro .row, #intro .col {
        min-height: calc(var(--d) / var(--scale-factor))
    }
    #learnMore {
        transform: scaleY(1) !important;
    }
    #learnMore > *:not(.desktop) {
        transform: scaleY(1) !important;
    }
    #learnMore .row.desktop {
        transform: scaleX(1) !important;
    }
    #learnMore .decoration.bottom-0.end-0 svg {
        transform: rotate(-45deg) translate(20%, 5%);
    }
    #learnMore .decoration.top-0.end-0 svg {
        transform: translate(25%, -75%) !important;
    }
    #learnMore > .row {
        height: 400px;
    }
    #learnMore > .row > .col {
        margin-top: -170px !important;
    }
    .content {
        margin-top: -2px;
    }
    .characterCardContainer {
        margin: 0 2%;
    }
    .characterCardContainer span {
        font-size: 90% !important;
    }
    .newsletterPopUp {
        display: none !important;
    }
}