/* ********** Blacksnow Canvas ********** */
.blacksnow body {
    /* background-color: #47ffbb;   */
    background-color: #2a2d39;

    background-color: #3a3e4f;

    background-color: #3d4152;
    /* background-color: #22242d; */
    transition: all 0.3s ease-in-out;
}

body:has(.blacksnow-canvas-link:hover) {
    background-color: #22242d;
    background-color: #25272e;
    background-color: #22242d;

    background-color: #21232a;
    background-color: #313442;
    background-color: #222424;

    background-color: #303340;
    background-color: #2c2e3a;
    /* background-color: #2b2d39; */
    /* background-color: #2c2e3a; */
    /* background-color: #343845; */
}

/* .blacksnow body:hover {
    background-color: #2a2d39;
    background-color: #22242d;
} */

.blacksnow .content-container {
    margin: 0 auto;
    height: 100vh;
    /* max-width: 100vw; */
    margin-top: -2rem;
}

.blacksnow-canvas-link, .blacksnow-canvas-link:hover {
    background-color: transparent;
}

.blacksnow-canvas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
    height: 100%;
}

.blacksnow-canvas:hover {
    cursor: pointer;
}

.blacksnow-canvas-icon {
    color: #32364a;
    color: #47ffbb;
    color: #bbffe9;
    color: #99ffee;
    color: #3a3e4f;
    /* color: white; */
    font-size: 64px;
    /* font-size: 80px; */
    font-size: 48px;
    font-size: 32px;
    /* font-size: 24px; */
    /* color: #b2ffe6; */
    /* color: #bfffeb; *
    /* color: #bbffe9; */
    transition: all 0.6s ease;
}

.blacksnow-canvas:hover .blacksnow-canvas-icon {
    color: #bbffe9;
    color: #47ffbb;
    color: #22ffcc;
    transform: scale(1.2);
    transform: scale(1.5);
    transform: scale(1.75);
    transform: scale(1.85);
    transform: scale(1.8);
    transform: scale(1.7);
    transform: scale(1.5);
    /* transform: scale(2); */
    rotate: calc(180deg);
}

.blacksnow-canvas-text-top {
    color: #2a2d39;
    color: #3a3e4f;
    /* color: white; */
    margin-bottom: 26px;
    margin-bottom: 28px;
    font-size: 16px;
    font-size: 20px;
    font-size: 24px;
    font-size: 22px;
    font-size: 34px;
    font-size: 44px;
    font-size: 40px;
    /* font-size: 48px; */
    margin-bottom: 26px;
    margin-bottom: 0;
    margin-bottom: 5px;
    margin-top: 24px;
    margin-top: 16px;
    /* text-transform: lowercase; */
    transition: all 0.4s ease;
}

.blacksnow-canvas:hover .blacksnow-canvas-text-top {
    color: white;
    /* color: #bbffe9; */
    /* color: #47ffbb; */
}

.blacksnow-canvas-text-bottom {
    color: #bbffe9;
    /* color: #47ffbb; */
    color: #2a2d39;
    color: #3a3e4f;
    /* color: #22242d; */
    font-size: 24px;
    font-size: 16px;
    font-size: 12px;
    font-size: 11px;
    font-size: 10.5px;
    /* font-size: 10px; */
    margin-top: 8px;
    margin-top: 24px;
    margin-top: 26px;

    margin-top: 28px;
    margin-top: 30px;
    margin-top: 32px;
    margin-top: 34px;
    margin: 0;
    /* margin-top: 32px; */
    transition: all 0.6s ease;
    text-align: center;
}

.blacksnow-canvas:hover .blacksnow-canvas-text-bottom {
    color: #bbffe9;
    color: #2a2d39;
    /* color: #22242d; */
    color: #47ffbb;
    color: white;
    /* color: #47ffbb; */
    color: #bbffe9;

    color: #bfffeb;
    color: #b6ffe4;
    color: #bbfde4;
    color: #b8ffe5;
    color: #afffe2;
    color: #99ffee;
    color: #99ffdd;
    color: #aaffee;

    color: #dde1f3;
    color: #c9cddf;
    color: #babed0;
    color: #b4b8ca;
    /* color: #c0c5d7; */
}

.blacksnow-canvas-close {
    font-size: 16px;
    font-size: 18px;
    color: #2a2d39;
    color: #3a3e4f;
    cursor: pointer;
    transition: all 0.5s ease;
    margin-top: 1.125rem;
    /* margin-top: 1.5rem; */
}

.blacksnow-canvas:hover .blacksnow-canvas-close {
    color: rgb(255 255 255 / 35%);
    color: #a6acac;
    color: #737474;
    color: #747474;
}

.blacksnow-canvas:hover .blacksnow-canvas-close:hover {
    color: rgb(255 255 255 / 70%);
    color: rgb(255 255 255 / 80%);
    color: #3a3e4f;
    color: #747474;
    color: #949494;
}