@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap';

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 14px;
    scroll-behavior: smooth;
}
/*snow*/
#canvas {
    pointer-events: none;
    position: fixed;
    left: 0;
    right: 0;
}

/*16px*/

body {
    background-color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.65;
    color: #333;
    overflow-x: hidden;
    width: 100vw;
    height: 100vh;
}

.star-comments {
    padding: 0 2em;
    justify-content: space-between;
    display: flex;
}

.star-comment {
    text-align: center;
}

.star-comment .stars {
    font-size: 1.3em;
    color: #FFDF00;
}

.stars-comment-comment {
    color: #fefefe;
}

/* start */

.snow {
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    /*left: -10vw;*/
    pointer-events: none;
}

.snowflake {
    position: absolute;
    top: -5vmin;
}

.snowflake:nth-child(1) {
    opacity: 0.84;
    font-size: 3px;
    left: 100.4vw;
    animation: fall-1 20s -22.5s ease-in infinite;
}

.snowflake:nth-child(1) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-1 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 21.5vw;
    }
}

.snowflake:nth-child(2) {
    opacity: 0.76;
    font-size: 9px;
    left: 87.5vw;
    animation: fall-2 40s -9s ease-in infinite;
}

.snowflake:nth-child(2) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-2 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.7vw;
    }
}

.snowflake:nth-child(3) {
    opacity: 0.49;
    font-size: 9px;
    left: 89.7vw;
    animation: fall-3 40s -28.5s ease-in infinite;
}

.snowflake:nth-child(3) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-3 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 36.5vw;
    }
}

.snowflake:nth-child(4) {
    opacity: 0.09;
    font-size: 12px;
    left: 13.4vw;
    animation: fall-4 20s -15s ease-in infinite;
}

.snowflake:nth-child(4) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-4 {
    3.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 0.2vw;
    }
}

.snowflake:nth-child(5) {
    opacity: 0.65;
    font-size: 3px;
    left: 14.9vw;
    animation: fall-5 40s -6s ease-in infinite;
}

.snowflake:nth-child(5) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-5 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 79.8vw;
    }
}

.snowflake:nth-child(6) {
    opacity: 0.39;
    font-size: 9px;
    left: 81.7vw;
    animation: fall-6 10s -24s ease-in infinite;
}

.snowflake:nth-child(6) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-6 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 103.9vw;
    }
}

.snowflake:nth-child(7) {
    opacity: 0.24;
    font-size: 9px;
    left: 96.5vw;
    animation: fall-7 10s -1.5s ease-in infinite;
}

.snowflake:nth-child(7) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-7 {
    1.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 83.3vw;
    }
}

.snowflake:nth-child(8) {
    opacity: 0.46;
    font-size: 9px;
    left: 80.5vw;
    animation: fall-8 50s -33s ease-in infinite;
}

.snowflake:nth-child(8) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-8 {
    8% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 96.6vw;
    }
}

.snowflake:nth-child(9) {
    opacity: 0.3;
    font-size: 6px;
    left: 82.7vw;
    animation: fall-9 10s -24s ease-in infinite;
}

.snowflake:nth-child(9) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-9 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 117.6vw;
    }
}

.snowflake:nth-child(10) {
    opacity: 0.72;
    font-size: 3px;
    left: 76.9vw;
    animation: fall-10 30s -36s ease-in infinite;
}

.snowflake:nth-child(10) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-10 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 80.7vw;
    }
}

.snowflake:nth-child(11) {
    opacity: 0.51;
    font-size: 15px;
    left: 12.9vw;
    animation: fall-11 10s -21s ease-in infinite;
}

.snowflake:nth-child(11) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-11 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 84.5vw;
    }
}

.snowflake:nth-child(12) {
    opacity: 0.07;
    font-size: 6px;
    left: 33.5vw;
    animation: fall-12 20s -18s ease-in infinite;
}

.snowflake:nth-child(12) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-12 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.1vw;
    }
}

.snowflake:nth-child(13) {
    opacity: 0.07;
    font-size: 6px;
    left: 43.3vw;
    animation: fall-13 30s -6s ease-in infinite;
}

.snowflake:nth-child(13) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-13 {
    1.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.7vw;
    }
}

.snowflake:nth-child(14) {
    opacity: 0.12;
    font-size: 9px;
    left: 80vw;
    animation: fall-14 20s -36s ease-in infinite;
}

.snowflake:nth-child(14) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-14 {
    7% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 17.8vw;
    }
}

.snowflake:nth-child(15) {
    opacity: 0.4;
    font-size: 9px;
    left: 84.7vw;
    animation: fall-15 40s -21s ease-in infinite;
}

.snowflake:nth-child(15) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-15 {
    4.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 96.8vw;
    }
}

.snowflake:nth-child(16) {
    opacity: 0.48;
    font-size: 15px;
    left: 91.7vw;
    animation: fall-16 40s -34.5s ease-in infinite;
}

.snowflake:nth-child(16) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-16 {
    6.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 12.5vw;
    }
}

.snowflake:nth-child(17) {
    opacity: 0.58;
    font-size: 6px;
    left: 84.6vw;
    animation: fall-17 10s -28.5s ease-in infinite;
}

.snowflake:nth-child(17) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-17 {
    2.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 56.6vw;
    }
}

.snowflake:nth-child(18) {
    opacity: 0.4;
    font-size: 12px;
    left: 16.7vw;
    animation: fall-18 50s -27s ease-in infinite;
}

.snowflake:nth-child(18) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-18 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 0.3vw;
    }
}

.snowflake:nth-child(19) {
    opacity: 0.17;
    font-size: 12px;
    left: 69.6vw;
    animation: fall-19 50s -1.5s ease-in infinite;
}

.snowflake:nth-child(19) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-19 {
    1.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 26.7vw;
    }
}

.snowflake:nth-child(20) {
    opacity: 0.39;
    font-size: 3px;
    left: 4vw;
    animation: fall-20 20s -18s ease-in infinite;
}

.snowflake:nth-child(20) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-20 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 66vw;
    }
}

.snowflake:nth-child(21) {
    opacity: 0.54;
    font-size: 9px;
    left: 91.2vw;
    animation: fall-21 30s -16.5s ease-in infinite;
}

.snowflake:nth-child(21) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-21 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 7vw;
    }
}

.snowflake:nth-child(22) {
    opacity: 0.45;
    font-size: 15px;
    left: 72.6vw;
    animation: fall-22 20s -18s ease-in infinite;
}

.snowflake:nth-child(22) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-22 {
    3.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 36.1vw;
    }
}

.snowflake:nth-child(23) {
    opacity: 0.52;
    font-size: 3px;
    left: 19.1vw;
    animation: fall-23 30s -1.5s ease-in infinite;
}

.snowflake:nth-child(23) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-23 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 104.3vw;
    }
}

.snowflake:nth-child(24) {
    opacity: 0.86;
    font-size: 15px;
    left: 115.6vw;
    animation: fall-24 10s -28.5s ease-in infinite;
}

.snowflake:nth-child(24) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-24 {
    6.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 52.1vw;
    }
}

.snowflake:nth-child(25) {
    opacity: 0.81;
    font-size: 3px;
    left: 7.1vw;
    animation: fall-25 50s -34.5s ease-in infinite;
}

.snowflake:nth-child(25) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-25 {
    2% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 83.9vw;
    }
}

.snowflake:nth-child(26) {
    opacity: 0.9;
    font-size: 15px;
    left: 113vw;
    animation: fall-26 50s -34.5s ease-in infinite;
}

.snowflake:nth-child(26) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-26 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 12vw;
    }
}

.snowflake:nth-child(27) {
    opacity: 0.8;
    font-size: 3px;
    left: 78.2vw;
    animation: fall-27 10s -33s ease-in infinite;
}

.snowflake:nth-child(27) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-27 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 29.8vw;
    }
}

.snowflake:nth-child(28) {
    opacity: 0.26;
    font-size: 3px;
    left: 62.4vw;
    animation: fall-28 30s -24s ease-in infinite;
}

.snowflake:nth-child(28) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-28 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 114.2vw;
    }
}

.snowflake:nth-child(29) {
    opacity: 0.44;
    font-size: 9px;
    left: 102.7vw;
    animation: fall-29 10s -19.5s ease-in infinite;
}

.snowflake:nth-child(29) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-29 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 76.2vw;
    }
}

.snowflake:nth-child(30) {
    opacity: 0.11;
    font-size: 15px;
    left: 47.7vw;
    animation: fall-30 50s -33s ease-in infinite;
}

.snowflake:nth-child(30) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-30 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 86.3vw;
    }
}

.snowflake:nth-child(31) {
    opacity: 0.9;
    font-size: 15px;
    left: 64.6vw;
    animation: fall-31 50s -24s ease-in infinite;
}

.snowflake:nth-child(31) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-31 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.2vw;
    }
}

.snowflake:nth-child(32) {
    opacity: 0.57;
    font-size: 6px;
    left: 115.3vw;
    animation: fall-32 20s -6s ease-in infinite;
}

.snowflake:nth-child(32) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-32 {
    1.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.4vw;
    }
}

.snowflake:nth-child(33) {
    opacity: 0.27;
    font-size: 3px;
    left: 30.4vw;
    animation: fall-33 40s -31.5s ease-in infinite;
}

.snowflake:nth-child(33) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-33 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 42.8vw;
    }
}

.snowflake:nth-child(34) {
    opacity: 0.72;
    font-size: 9px;
    left: 78.6vw;
    animation: fall-34 30s -10.5s ease-in infinite;
}

.snowflake:nth-child(34) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-34 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.7vw;
    }
}

.snowflake:nth-child(35) {
    opacity: 0.23;
    font-size: 6px;
    left: 82.7vw;
    animation: fall-35 40s -28.5s ease-in infinite;
}

.snowflake:nth-child(35) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-35 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 68vw;
    }
}

.snowflake:nth-child(36) {
    opacity: 0.73;
    font-size: 15px;
    left: 85.3vw;
    animation: fall-36 40s -15s ease-in infinite;
}

.snowflake:nth-child(36) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-36 {
    7% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 14.2vw;
    }
}

.snowflake:nth-child(37) {
    opacity: 0.6;
    font-size: 6px;
    left: 7.2vw;
    animation: fall-37 10s -9s ease-in infinite;
}

.snowflake:nth-child(37) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-37 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 111.5vw;
    }
}

.snowflake:nth-child(38) {
    opacity: 0.19;
    font-size: 3px;
    left: 86.3vw;
    animation: fall-38 10s -12s ease-in infinite;
}

.snowflake:nth-child(38) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-38 {
    3.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 101.4vw;
    }
}

.snowflake:nth-child(39) {
    opacity: 0.85;
    font-size: 9px;
    left: 5.5vw;
    animation: fall-39 30s -27s ease-in infinite;
}

.snowflake:nth-child(39) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-39 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.1vw;
    }
}

.snowflake:nth-child(40) {
    opacity: 0.05;
    font-size: 9px;
    left: 71.4vw;
    animation: fall-40 30s -15s ease-in infinite;
}

.snowflake:nth-child(40) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-40 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 108.7vw;
    }
}

.snowflake:nth-child(41) {
    opacity: 0.05;
    font-size: 6px;
    left: 102.5vw;
    animation: fall-41 50s -12s ease-in infinite;
}

.snowflake:nth-child(41) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-41 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.7vw;
    }
}

.snowflake:nth-child(42) {
    opacity: 0.15;
    font-size: 6px;
    left: 104vw;
    animation: fall-42 50s -28.5s ease-in infinite;
}

.snowflake:nth-child(42) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-42 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.5vw;
    }
}

.snowflake:nth-child(43) {
    opacity: 0.26;
    font-size: 12px;
    left: 117.3vw;
    animation: fall-43 40s -36s ease-in infinite;
}

.snowflake:nth-child(43) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-43 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 17.3vw;
    }
}

.snowflake:nth-child(44) {
    opacity: 0.28;
    font-size: 3px;
    left: 64.8vw;
    animation: fall-44 50s -16.5s ease-in infinite;
}

.snowflake:nth-child(44) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-44 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.3vw;
    }
}

.snowflake:nth-child(45) {
    opacity: 0.21;
    font-size: 12px;
    left: 9.1vw;
    animation: fall-45 10s -27s ease-in infinite;
}

.snowflake:nth-child(45) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-45 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 68.5vw;
    }
}

.snowflake:nth-child(46) {
    opacity: 0.65;
    font-size: 3px;
    left: 83.1vw;
    animation: fall-46 30s -12s ease-in infinite;
}

.snowflake:nth-child(46) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-46 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 91.7vw;
    }
}

.snowflake:nth-child(47) {
    opacity: 0.29;
    font-size: 6px;
    left: 69.1vw;
    animation: fall-47 40s -21s ease-in infinite;
}

.snowflake:nth-child(47) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-47 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 18.6vw;
    }
}

.snowflake:nth-child(48) {
    opacity: 0.85;
    font-size: 6px;
    left: 80.4vw;
    animation: fall-48 20s -25.5s ease-in infinite;
}

.snowflake:nth-child(48) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-48 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 56.8vw;
    }
}

.snowflake:nth-child(49) {
    opacity: 0.01;
    font-size: 15px;
    left: 109.3vw;
    animation: fall-49 20s -30s ease-in infinite;
}

.snowflake:nth-child(49) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-49 {
    4.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 16.7vw;
    }
}

.snowflake:nth-child(50) {
    opacity: 0.26;
    font-size: 3px;
    left: 114.1vw;
    animation: fall-50 20s -12s ease-in infinite;
}

.snowflake:nth-child(50) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-50 {
    4.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.6vw;
    }
}

.snowflake:nth-child(51) {
    opacity: 0.44;
    font-size: 12px;
    left: 29vw;
    animation: fall-51 20s -31.5s ease-in infinite;
}

.snowflake:nth-child(51) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-51 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.8vw;
    }
}

.snowflake:nth-child(52) {
    opacity: 0.53;
    font-size: 9px;
    left: 59.6vw;
    animation: fall-52 10s -1.5s ease-in infinite;
}

.snowflake:nth-child(52) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-52 {
    6.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.3vw;
    }
}

.snowflake:nth-child(53) {
    opacity: 0.3;
    font-size: 12px;
    left: 10.1vw;
    animation: fall-53 30s -22.5s ease-in infinite;
}

.snowflake:nth-child(53) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-53 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 47.7vw;
    }
}

.snowflake:nth-child(54) {
    opacity: 0.41;
    font-size: 12px;
    left: 23.7vw;
    animation: fall-54 40s -37.5s ease-in infinite;
}

.snowflake:nth-child(54) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-54 {
    7% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 47.7vw;
    }
}

.snowflake:nth-child(55) {
    opacity: 0.24;
    font-size: 12px;
    left: 59vw;
    animation: fall-55 20s -12s ease-in infinite;
}

.snowflake:nth-child(55) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-55 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 0.5vw;
    }
}

.snowflake:nth-child(56) {
    opacity: 0.79;
    font-size: 3px;
    left: 57.8vw;
    animation: fall-56 30s -10.5s ease-in infinite;
}

.snowflake:nth-child(56) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-56 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 100.6vw;
    }
}

.snowflake:nth-child(57) {
    opacity: 0.58;
    font-size: 12px;
    left: 112.7vw;
    animation: fall-57 20s -22.5s ease-in infinite;
}

.snowflake:nth-child(57) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-57 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.3vw;
    }
}

.snowflake:nth-child(58) {
    opacity: 0.2;
    font-size: 9px;
    left: 112.9vw;
    animation: fall-58 10s -36s ease-in infinite;
}

.snowflake:nth-child(58) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-58 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.3vw;
    }
}

.snowflake:nth-child(59) {
    opacity: 0.43;
    font-size: 12px;
    left: 24.5vw;
    animation: fall-59 10s -28.5s ease-in infinite;
}

.snowflake:nth-child(59) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-59 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 51.8vw;
    }
}

.snowflake:nth-child(60) {
    opacity: 0.42;
    font-size: 12px;
    left: 70.5vw;
    animation: fall-60 10s -13.5s ease-in infinite;
}

.snowflake:nth-child(60) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-60 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.4vw;
    }
}

.snowflake:nth-child(61) {
    opacity: 0.5;
    font-size: 15px;
    left: 21.3vw;
    animation: fall-61 10s -34.5s ease-in infinite;
}

.snowflake:nth-child(61) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-61 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 15.3vw;
    }
}

.snowflake:nth-child(62) {
    opacity: 0.35;
    font-size: 6px;
    left: 4.9vw;
    animation: fall-62 20s -7.5s ease-in infinite;
}

.snowflake:nth-child(62) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-62 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 34.8vw;
    }
}

.snowflake:nth-child(63) {
    opacity: 0.38;
    font-size: 3px;
    left: 6.8vw;
    animation: fall-63 20s -37.5s ease-in infinite;
}

.snowflake:nth-child(63) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-63 {
    3.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 61.3vw;
    }
}

.snowflake:nth-child(64) {
    opacity: 0.17;
    font-size: 12px;
    left: 75.8vw;
    animation: fall-64 10s -31.5s ease-in infinite;
}

.snowflake:nth-child(64) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-64 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 73.1vw;
    }
}

.snowflake:nth-child(65) {
    opacity: 0.58;
    font-size: 15px;
    left: 7.1vw;
    animation: fall-65 20s -36s ease-in infinite;
}

.snowflake:nth-child(65) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-65 {
    6% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 102.8vw;
    }
}

.snowflake:nth-child(66) {
    opacity: 0.46;
    font-size: 12px;
    left: 73.5vw;
    animation: fall-66 50s -13.5s ease-in infinite;
}

.snowflake:nth-child(66) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-66 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 103.9vw;
    }
}

.snowflake:nth-child(67) {
    opacity: 0.73;
    font-size: 9px;
    left: 75.1vw;
    animation: fall-67 40s -37.5s ease-in infinite;
}

.snowflake:nth-child(67) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-67 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 108.4vw;
    }
}

.snowflake:nth-child(68) {
    opacity: 0.71;
    font-size: 15px;
    left: 110.6vw;
    animation: fall-68 30s -4.5s ease-in infinite;
}

.snowflake:nth-child(68) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-68 {
    6.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 67.6vw;
    }
}

.snowflake:nth-child(69) {
    opacity: 0.49;
    font-size: 6px;
    left: 32vw;
    animation: fall-69 10s -7.5s ease-in infinite;
}

.snowflake:nth-child(69) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-69 {
    2.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 60.3vw;
    }
}

.snowflake:nth-child(70) {
    opacity: 0.59;
    font-size: 9px;
    left: 23.1vw;
    animation: fall-70 40s -4.5s ease-in infinite;
}

.snowflake:nth-child(70) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-70 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 51.7vw;
    }
}

.snowflake:nth-child(71) {
    opacity: 0.19;
    font-size: 3px;
    left: 31.9vw;
    animation: fall-71 20s -15s ease-in infinite;
}

.snowflake:nth-child(71) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-71 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 29.8vw;
    }
}

.snowflake:nth-child(72) {
    opacity: 0.08;
    font-size: 3px;
    left: 93.2vw;
    animation: fall-72 50s -31.5s ease-in infinite;
}

.snowflake:nth-child(72) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-72 {
    3% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 71.2vw;
    }
}

.snowflake:nth-child(73) {
    opacity: 0.2;
    font-size: 6px;
    left: 35.8vw;
    animation: fall-73 50s -7.5s ease-in infinite;
}

.snowflake:nth-child(73) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-73 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 113.1vw;
    }
}

.snowflake:nth-child(74) {
    opacity: 0.03;
    font-size: 9px;
    left: 70.1vw;
    animation: fall-74 40s -6s ease-in infinite;
}

.snowflake:nth-child(74) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-74 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.5vw;
    }
}

.snowflake:nth-child(75) {
    opacity: 0.54;
    font-size: 3px;
    left: 82.3vw;
    animation: fall-75 40s -4.5s ease-in infinite;
}

.snowflake:nth-child(75) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-75 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 92.5vw;
    }
}

.snowflake:nth-child(76) {
    opacity: 0.13;
    font-size: 6px;
    left: 28.7vw;
    animation: fall-76 40s -9s ease-in infinite;
}

.snowflake:nth-child(76) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-76 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 57.7vw;
    }
}

.snowflake:nth-child(77) {
    opacity: 0.34;
    font-size: 6px;
    left: 16.7vw;
    animation: fall-77 50s -37.5s ease-in infinite;
}

.snowflake:nth-child(77) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-77 {
    2.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 40.6vw;
    }
}

.snowflake:nth-child(78) {
    opacity: 0.75;
    font-size: 3px;
    left: 102.3vw;
    animation: fall-78 40s -6s ease-in infinite;
}

.snowflake:nth-child(78) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-78 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 104.5vw;
    }
}

.snowflake:nth-child(79) {
    opacity: 0.71;
    font-size: 6px;
    left: 54.2vw;
    animation: fall-79 40s -21s ease-in infinite;
}

.snowflake:nth-child(79) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-79 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 40.3vw;
    }
}

.snowflake:nth-child(80) {
    opacity: 0.8;
    font-size: 9px;
    left: 32.8vw;
    animation: fall-80 20s -6s ease-in infinite;
}

.snowflake:nth-child(80) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-80 {
    3.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 83.6vw;
    }
}

.snowflake:nth-child(81) {
    opacity: 0.21;
    font-size: 6px;
    left: 112.9vw;
    animation: fall-81 50s -6s ease-in infinite;
}

.snowflake:nth-child(81) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-81 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 114.7vw;
    }
}

.snowflake:nth-child(82) {
    opacity: 0.34;
    font-size: 12px;
    left: 92.5vw;
    animation: fall-82 30s -3s ease-in infinite;
}

.snowflake:nth-child(82) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-82 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 57vw;
    }
}

.snowflake:nth-child(83) {
    opacity: 0.57;
    font-size: 12px;
    left: 85.6vw;
    animation: fall-83 20s -24s ease-in infinite;
}

.snowflake:nth-child(83) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-83 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 63.2vw;
    }
}

.snowflake:nth-child(84) {
    opacity: 0.62;
    font-size: 3px;
    left: 65vw;
    animation: fall-84 30s -9s ease-in infinite;
}

.snowflake:nth-child(84) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-84 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.2vw;
    }
}

.snowflake:nth-child(85) {
    opacity: 0.79;
    font-size: 9px;
    left: 20.8vw;
    animation: fall-85 50s -16.5s ease-in infinite;
}

.snowflake:nth-child(85) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-85 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 71.6vw;
    }
}

.snowflake:nth-child(86) {
    opacity: 0.73;
    font-size: 9px;
    left: 48.2vw;
    animation: fall-86 10s -22.5s ease-in infinite;
}

.snowflake:nth-child(86) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-86 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 77.2vw;
    }
}

.snowflake:nth-child(87) {
    opacity: 0.71;
    font-size: 6px;
    left: 109.5vw;
    animation: fall-87 40s -24s ease-in infinite;
}

.snowflake:nth-child(87) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-87 {
    0.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 39.9vw;
    }
}

.snowflake:nth-child(88) {
    opacity: 0.52;
    font-size: 3px;
    left: 95.8vw;
    animation: fall-88 50s -24s ease-in infinite;
}

.snowflake:nth-child(88) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-88 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 115vw;
    }
}

.snowflake:nth-child(89) {
    opacity: 0.89;
    font-size: 6px;
    left: 101vw;
    animation: fall-89 40s -34.5s ease-in infinite;
}

.snowflake:nth-child(89) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-89 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 76vw;
    }
}

.snowflake:nth-child(90) {
    opacity: 0.66;
    font-size: 12px;
    left: 81.1vw;
    animation: fall-90 50s -7.5s ease-in infinite;
}

.snowflake:nth-child(90) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-90 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 7.1vw;
    }
}

.snowflake:nth-child(91) {
    opacity: 0.06;
    font-size: 12px;
    left: 57.9vw;
    animation: fall-91 10s -7.5s ease-in infinite;
}

.snowflake:nth-child(91) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-91 {
    7.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 28.5vw;
    }
}

.snowflake:nth-child(92) {
    opacity: 0.36;
    font-size: 6px;
    left: 27.3vw;
    animation: fall-92 20s -9s ease-in infinite;
}

.snowflake:nth-child(92) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-92 {
    7.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 116.1vw;
    }
}

.snowflake:nth-child(93) {
    opacity: 0.35;
    font-size: 3px;
    left: 46.1vw;
    animation: fall-93 40s -36s ease-in infinite;
}

.snowflake:nth-child(93) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-93 {
    7.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 116.8vw;
    }
}

.snowflake:nth-child(94) {
    opacity: 0.32;
    font-size: 12px;
    left: 19vw;
    animation: fall-94 20s -25.5s ease-in infinite;
}

.snowflake:nth-child(94) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-94 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.6vw;
    }
}

.snowflake:nth-child(95) {
    opacity: 0.49;
    font-size: 15px;
    left: 80.7vw;
    animation: fall-95 20s -31.5s ease-in infinite;
}

.snowflake:nth-child(95) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-95 {
    4.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 60.1vw;
    }
}

.snowflake:nth-child(96) {
    opacity: 0.68;
    font-size: 6px;
    left: 102vw;
    animation: fall-96 30s -15s ease-in infinite;
}

.snowflake:nth-child(96) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-96 {
    5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 44.2vw;
    }
}

.snowflake:nth-child(97) {
    opacity: 0.21;
    font-size: 12px;
    left: 96.8vw;
    animation: fall-97 20s -9s ease-in infinite;
}

.snowflake:nth-child(97) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-97 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 114.9vw;
    }
}

.snowflake:nth-child(98) {
    opacity: 0.05;
    font-size: 9px;
    left: 12.8vw;
    animation: fall-98 30s -3s ease-in infinite;
}

.snowflake:nth-child(98) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-98 {
    4.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 116.1vw;
    }
}

.snowflake:nth-child(99) {
    opacity: 0.54;
    font-size: 12px;
    left: 44.3vw;
    animation: fall-99 10s -28.5s ease-in infinite;
}

.snowflake:nth-child(99) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-99 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.2vw;
    }
}

.snowflake:nth-child(100) {
    opacity: 0.52;
    font-size: 15px;
    left: 110.2vw;
    animation: fall-100 10s -34.5s ease-in infinite;
}

.snowflake:nth-child(100) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-100 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 15.7vw;
    }
}

.snowflake:nth-child(101) {
    opacity: 0.69;
    font-size: 3px;
    left: 81.2vw;
    animation: fall-101 30s -15s ease-in infinite;
}

.snowflake:nth-child(101) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-101 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.7vw;
    }
}

.snowflake:nth-child(102) {
    opacity: 0.5;
    font-size: 9px;
    left: 67.7vw;
    animation: fall-102 40s -19.5s ease-in infinite;
}

.snowflake:nth-child(102) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-102 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 104.9vw;
    }
}

.snowflake:nth-child(103) {
    opacity: 0.15;
    font-size: 15px;
    left: 32vw;
    animation: fall-103 40s -25.5s ease-in infinite;
}

.snowflake:nth-child(103) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-103 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.4vw;
    }
}

.snowflake:nth-child(104) {
    opacity: 0.89;
    font-size: 6px;
    left: 43vw;
    animation: fall-104 50s -31.5s ease-in infinite;
}

.snowflake:nth-child(104) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-104 {
    5.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 105.5vw;
    }
}

.snowflake:nth-child(105) {
    opacity: 0.21;
    font-size: 9px;
    left: 29.7vw;
    animation: fall-105 20s -9s ease-in infinite;
}

.snowflake:nth-child(105) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-105 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 10.3vw;
    }
}

.snowflake:nth-child(106) {
    opacity: 0.7;
    font-size: 9px;
    left: 43.2vw;
    animation: fall-106 30s -9s ease-in infinite;
}

.snowflake:nth-child(106) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-106 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 42.4vw;
    }
}

.snowflake:nth-child(107) {
    opacity: 0.57;
    font-size: 9px;
    left: 45.9vw;
    animation: fall-107 50s -22.5s ease-in infinite;
}

.snowflake:nth-child(107) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-107 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 11.3vw;
    }
}

.snowflake:nth-child(108) {
    opacity: 0.81;
    font-size: 15px;
    left: 14.2vw;
    animation: fall-108 20s -33s ease-in infinite;
}

.snowflake:nth-child(108) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-108 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 97.1vw;
    }
}

.snowflake:nth-child(109) {
    opacity: 0.06;
    font-size: 3px;
    left: 109.3vw;
    animation: fall-109 40s -1.5s ease-in infinite;
}

.snowflake:nth-child(109) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-109 {
    2% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 10.7vw;
    }
}

.snowflake:nth-child(110) {
    opacity: 0.58;
    font-size: 15px;
    left: 71.8vw;
    animation: fall-110 10s -22.5s ease-in infinite;
}

.snowflake:nth-child(110) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-110 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 14.6vw;
    }
}

.snowflake:nth-child(111) {
    opacity: 0.2;
    font-size: 3px;
    left: 50.1vw;
    animation: fall-111 10s -34.5s ease-in infinite;
}

.snowflake:nth-child(111) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-111 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 7.2vw;
    }
}

.snowflake:nth-child(112) {
    opacity: 0.59;
    font-size: 15px;
    left: 37.6vw;
    animation: fall-112 50s -9s ease-in infinite;
}

.snowflake:nth-child(112) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-112 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 83.3vw;
    }
}

.snowflake:nth-child(113) {
    opacity: 0.11;
    font-size: 9px;
    left: 61.6vw;
    animation: fall-113 10s -4.5s ease-in infinite;
}

.snowflake:nth-child(113) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-113 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 56.3vw;
    }
}

.snowflake:nth-child(114) {
    opacity: 0.45;
    font-size: 15px;
    left: 46.8vw;
    animation: fall-114 10s -21s ease-in infinite;
}

.snowflake:nth-child(114) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-114 {
    5.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.3vw;
    }
}

.snowflake:nth-child(115) {
    opacity: 0.37;
    font-size: 9px;
    left: 58.6vw;
    animation: fall-115 30s -37.5s ease-in infinite;
}

.snowflake:nth-child(115) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-115 {
    6% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 69.6vw;
    }
}

.snowflake:nth-child(116) {
    opacity: 0.43;
    font-size: 6px;
    left: 57.2vw;
    animation: fall-116 50s -4.5s ease-in infinite;
}

.snowflake:nth-child(116) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-116 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 30.5vw;
    }
}

.snowflake:nth-child(117) {
    opacity: 0.65;
    font-size: 9px;
    left: 100vw;
    animation: fall-117 40s -22.5s ease-in infinite;
}

.snowflake:nth-child(117) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-117 {
    7% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 40.1vw;
    }
}

.snowflake:nth-child(118) {
    opacity: 0.29;
    font-size: 12px;
    left: 45.9vw;
    animation: fall-118 30s -31.5s ease-in infinite;
}

.snowflake:nth-child(118) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-118 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.9vw;
    }
}

.snowflake:nth-child(119) {
    opacity: 0.21;
    font-size: 15px;
    left: 62.8vw;
    animation: fall-119 30s -1.5s ease-in infinite;
}

.snowflake:nth-child(119) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-119 {
    1.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 102.8vw;
    }
}

.snowflake:nth-child(120) {
    opacity: 0.44;
    font-size: 6px;
    left: 21.8vw;
    animation: fall-120 20s -4.5s ease-in infinite;
}

.snowflake:nth-child(120) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-120 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 25.7vw;
    }
}

.snowflake:nth-child(121) {
    opacity: 0.7;
    font-size: 9px;
    left: 9vw;
    animation: fall-121 30s -4.5s ease-in infinite;
}

.snowflake:nth-child(121) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-121 {
    7.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 28.2vw;
    }
}

.snowflake:nth-child(122) {
    opacity: 0.87;
    font-size: 3px;
    left: 40.7vw;
    animation: fall-122 40s -37.5s ease-in infinite;
}

.snowflake:nth-child(122) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-122 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 69.5vw;
    }
}

.snowflake:nth-child(123) {
    opacity: 0.59;
    font-size: 15px;
    left: 90.6vw;
    animation: fall-123 50s -31.5s ease-in infinite;
}

.snowflake:nth-child(123) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-123 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 62.4vw;
    }
}

.snowflake:nth-child(124) {
    opacity: 0.22;
    font-size: 12px;
    left: 4.9vw;
    animation: fall-124 10s -1.5s ease-in infinite;
}

.snowflake:nth-child(124) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-124 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 78.3vw;
    }
}

.snowflake:nth-child(125) {
    opacity: 0.08;
    font-size: 3px;
    left: 62.6vw;
    animation: fall-125 30s -31.5s ease-in infinite;
}

.snowflake:nth-child(125) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-125 {
    1.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 41.4vw;
    }
}

.snowflake:nth-child(126) {
    opacity: 0.54;
    font-size: 9px;
    left: 89.4vw;
    animation: fall-126 50s -30s ease-in infinite;
}

.snowflake:nth-child(126) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-126 {
    0.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 86.3vw;
    }
}

.snowflake:nth-child(127) {
    opacity: 0.21;
    font-size: 6px;
    left: 106vw;
    animation: fall-127 20s -15s ease-in infinite;
}

.snowflake:nth-child(127) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-127 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.1vw;
    }
}

.snowflake:nth-child(128) {
    opacity: 0.24;
    font-size: 3px;
    left: 113.9vw;
    animation: fall-128 50s -30s ease-in infinite;
}

.snowflake:nth-child(128) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-128 {
    6.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 77.2vw;
    }
}

.snowflake:nth-child(129) {
    opacity: 0.1;
    font-size: 12px;
    left: 5.9vw;
    animation: fall-129 20s -3s ease-in infinite;
}

.snowflake:nth-child(129) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-129 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 71.3vw;
    }
}

.snowflake:nth-child(130) {
    opacity: 0.51;
    font-size: 3px;
    left: 72.7vw;
    animation: fall-130 20s -25.5s ease-in infinite;
}

.snowflake:nth-child(130) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-130 {
    4.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 117.1vw;
    }
}

.snowflake:nth-child(131) {
    opacity: 0.13;
    font-size: 6px;
    left: 84.1vw;
    animation: fall-131 20s -13.5s ease-in infinite;
}

.snowflake:nth-child(131) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-131 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 65.5vw;
    }
}

.snowflake:nth-child(132) {
    opacity: 0.01;
    font-size: 9px;
    left: 32vw;
    animation: fall-132 30s -30s ease-in infinite;
}

.snowflake:nth-child(132) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-132 {
    1% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 44.8vw;
    }
}

.snowflake:nth-child(133) {
    opacity: 0.48;
    font-size: 15px;
    left: 82.2vw;
    animation: fall-133 30s -36s ease-in infinite;
}

.snowflake:nth-child(133) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-133 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 18.8vw;
    }
}

.snowflake:nth-child(134) {
    opacity: 0.24;
    font-size: 6px;
    left: 86.2vw;
    animation: fall-134 20s -27s ease-in infinite;
}

.snowflake:nth-child(134) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-134 {
    5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.1vw;
    }
}

.snowflake:nth-child(135) {
    opacity: 0.26;
    font-size: 6px;
    left: 65.9vw;
    animation: fall-135 40s -3s ease-in infinite;
}

.snowflake:nth-child(135) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-135 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 39.1vw;
    }
}

.snowflake:nth-child(136) {
    opacity: 0.48;
    font-size: 6px;
    left: 10.2vw;
    animation: fall-136 50s -21s ease-in infinite;
}

.snowflake:nth-child(136) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-136 {
    3% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 78.2vw;
    }
}

.snowflake:nth-child(137) {
    opacity: 0.25;
    font-size: 6px;
    left: 112.1vw;
    animation: fall-137 40s -4.5s ease-in infinite;
}

.snowflake:nth-child(137) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-137 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.6vw;
    }
}

.snowflake:nth-child(138) {
    opacity: 0.24;
    font-size: 9px;
    left: 23.1vw;
    animation: fall-138 30s -16.5s ease-in infinite;
}

.snowflake:nth-child(138) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-138 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 81vw;
    }
}

.snowflake:nth-child(139) {
    opacity: 0.42;
    font-size: 6px;
    left: 56.4vw;
    animation: fall-139 40s -31.5s ease-in infinite;
}

.snowflake:nth-child(139) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-139 {
    6% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 61.6vw;
    }
}

.snowflake:nth-child(140) {
    opacity: 0.15;
    font-size: 9px;
    left: 63.6vw;
    animation: fall-140 20s -19.5s ease-in infinite;
}

.snowflake:nth-child(140) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-140 {
    3.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 61.3vw;
    }
}

.snowflake:nth-child(141) {
    opacity: 0.84;
    font-size: 3px;
    left: 34.9vw;
    animation: fall-141 30s -21s ease-in infinite;
}

.snowflake:nth-child(141) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-141 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.9vw;
    }
}

.snowflake:nth-child(142) {
    opacity: 0.07;
    font-size: 15px;
    left: 115.4vw;
    animation: fall-142 10s -33s ease-in infinite;
}

.snowflake:nth-child(142) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-142 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 69.5vw;
    }
}

.snowflake:nth-child(143) {
    opacity: 0.04;
    font-size: 9px;
    left: 118.1vw;
    animation: fall-143 30s -33s ease-in infinite;
}

.snowflake:nth-child(143) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-143 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 74.9vw;
    }
}

.snowflake:nth-child(144) {
    opacity: 0.66;
    font-size: 6px;
    left: 1.3vw;
    animation: fall-144 40s -25.5s ease-in infinite;
}

.snowflake:nth-child(144) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-144 {
    1.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 72.1vw;
    }
}

.snowflake:nth-child(145) {
    opacity: 0.13;
    font-size: 15px;
    left: 108.8vw;
    animation: fall-145 20s -18s ease-in infinite;
}

.snowflake:nth-child(145) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-145 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 37vw;
    }
}

.snowflake:nth-child(146) {
    opacity: 0.89;
    font-size: 12px;
    left: 83.3vw;
    animation: fall-146 10s -37.5s ease-in infinite;
}

.snowflake:nth-child(146) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-146 {
    0.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 119.5vw;
    }
}

.snowflake:nth-child(147) {
    opacity: 0.87;
    font-size: 9px;
    left: 114.4vw;
    animation: fall-147 50s -33s ease-in infinite;
}

.snowflake:nth-child(147) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-147 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 92.2vw;
    }
}

.snowflake:nth-child(148) {
    opacity: 0.48;
    font-size: 12px;
    left: 19.8vw;
    animation: fall-148 50s -31.5s ease-in infinite;
}

.snowflake:nth-child(148) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-148 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.8vw;
    }
}

.snowflake:nth-child(149) {
    opacity: 0.78;
    font-size: 12px;
    left: 7.7vw;
    animation: fall-149 50s -16.5s ease-in infinite;
}

.snowflake:nth-child(149) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-149 {
    1.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 6.7vw;
    }
}

.snowflake:nth-child(150) {
    opacity: 0.1;
    font-size: 15px;
    left: 105.3vw;
    animation: fall-150 50s -24s ease-in infinite;
}

.snowflake:nth-child(150) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-150 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 56.5vw;
    }
}

.snowflake:nth-child(151) {
    opacity: 0.24;
    font-size: 12px;
    left: 45.7vw;
    animation: fall-151 40s -22.5s ease-in infinite;
}

.snowflake:nth-child(151) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-151 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 3.2vw;
    }
}

.snowflake:nth-child(152) {
    opacity: 0.53;
    font-size: 3px;
    left: 16.5vw;
    animation: fall-152 20s -34.5s ease-in infinite;
}

.snowflake:nth-child(152) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-152 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 40.6vw;
    }
}

.snowflake:nth-child(153) {
    opacity: 0.27;
    font-size: 3px;
    left: 13.3vw;
    animation: fall-153 20s -25.5s ease-in infinite;
}

.snowflake:nth-child(153) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-153 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 95.2vw;
    }
}

.snowflake:nth-child(154) {
    opacity: 0.44;
    font-size: 15px;
    left: 79vw;
    animation: fall-154 10s -15s ease-in infinite;
}

.snowflake:nth-child(154) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-154 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 26.1vw;
    }
}

.snowflake:nth-child(155) {
    opacity: 0.63;
    font-size: 6px;
    left: 69.9vw;
    animation: fall-155 20s -37.5s ease-in infinite;
}

.snowflake:nth-child(155) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-155 {
    4.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 7.9vw;
    }
}

.snowflake:nth-child(156) {
    opacity: 0.24;
    font-size: 6px;
    left: 86.6vw;
    animation: fall-156 10s -19.5s ease-in infinite;
}

.snowflake:nth-child(156) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-156 {
    8.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 59.2vw;
    }
}

.snowflake:nth-child(157) {
    opacity: 0.74;
    font-size: 12px;
    left: 21.8vw;
    animation: fall-157 40s -25.5s ease-in infinite;
}

.snowflake:nth-child(157) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-157 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 81.6vw;
    }
}

.snowflake:nth-child(158) {
    opacity: 0.08;
    font-size: 3px;
    left: 1.3vw;
    animation: fall-158 20s -28.5s ease-in infinite;
}

.snowflake:nth-child(158) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-158 {
    1.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 53.7vw;
    }
}

.snowflake:nth-child(159) {
    opacity: 0.2;
    font-size: 12px;
    left: 88.7vw;
    animation: fall-159 30s -1.5s ease-in infinite;
}

.snowflake:nth-child(159) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-159 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 65.3vw;
    }
}

.snowflake:nth-child(160) {
    opacity: 0.9;
    font-size: 15px;
    left: 90.5vw;
    animation: fall-160 40s -33s ease-in infinite;
}

.snowflake:nth-child(160) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-160 {
    1.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 5.4vw;
    }
}

.snowflake:nth-child(161) {
    opacity: 0.84;
    font-size: 12px;
    left: 105.4vw;
    animation: fall-161 20s -15s ease-in infinite;
}

.snowflake:nth-child(161) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-161 {
    5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 18vw;
    }
}

.snowflake:nth-child(162) {
    opacity: 0.52;
    font-size: 12px;
    left: 68.4vw;
    animation: fall-162 20s -30s ease-in infinite;
}

.snowflake:nth-child(162) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-162 {
    4% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 81.2vw;
    }
}

.snowflake:nth-child(163) {
    opacity: 0.87;
    font-size: 15px;
    left: 15.6vw;
    animation: fall-163 30s -37.5s ease-in infinite;
}

.snowflake:nth-child(163) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-163 {
    4.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 6.4vw;
    }
}

.snowflake:nth-child(164) {
    opacity: 0.23;
    font-size: 6px;
    left: 58.4vw;
    animation: fall-164 40s -1.5s ease-in infinite;
}

.snowflake:nth-child(164) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-164 {
    3.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 118.3vw;
    }
}

.snowflake:nth-child(165) {
    opacity: 0.16;
    font-size: 12px;
    left: 63.9vw;
    animation: fall-165 40s -24s ease-in infinite;
}

.snowflake:nth-child(165) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-165 {
    3% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 104.3vw;
    }
}

.snowflake:nth-child(166) {
    opacity: 0.8;
    font-size: 12px;
    left: 74.3vw;
    animation: fall-166 20s -22.5s ease-in infinite;
}

.snowflake:nth-child(166) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-166 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 64.3vw;
    }
}

.snowflake:nth-child(167) {
    opacity: 0.2;
    font-size: 3px;
    left: 80.5vw;
    animation: fall-167 30s -24s ease-in infinite;
}

.snowflake:nth-child(167) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-167 {
    8.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 117.3vw;
    }
}

.snowflake:nth-child(168) {
    opacity: 0.6;
    font-size: 3px;
    left: 8.6vw;
    animation: fall-168 30s -28.5s ease-in infinite;
}

.snowflake:nth-child(168) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-168 {
    5.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 5vw;
    }
}

.snowflake:nth-child(169) {
    opacity: 0.11;
    font-size: 9px;
    left: 1.9vw;
    animation: fall-169 10s -19.5s ease-in infinite;
}

.snowflake:nth-child(169) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-169 {
    4.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 48.1vw;
    }
}

.snowflake:nth-child(170) {
    opacity: 0.05;
    font-size: 15px;
    left: 45.8vw;
    animation: fall-170 30s -16.5s ease-in infinite;
}

.snowflake:nth-child(170) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-170 {
    3.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 54vw;
    }
}

.snowflake:nth-child(171) {
    opacity: 0.56;
    font-size: 9px;
    left: 80.6vw;
    animation: fall-171 30s -25.5s ease-in infinite;
}

.snowflake:nth-child(171) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-171 {
    8% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 5.7vw;
    }
}

.snowflake:nth-child(172) {
    opacity: 0.08;
    font-size: 15px;
    left: 51.2vw;
    animation: fall-172 20s -19.5s ease-in infinite;
}

.snowflake:nth-child(172) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-172 {
    7.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 13.4vw;
    }
}

.snowflake:nth-child(173) {
    opacity: 0.39;
    font-size: 15px;
    left: 28.6vw;
    animation: fall-173 40s -12s ease-in infinite;
}

.snowflake:nth-child(173) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-173 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 90.3vw;
    }
}

.snowflake:nth-child(174) {
    opacity: 0.27;
    font-size: 9px;
    left: 75.5vw;
    animation: fall-174 20s -16.5s ease-in infinite;
}

.snowflake:nth-child(174) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-174 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 3.7vw;
    }
}

.snowflake:nth-child(175) {
    opacity: 0.45;
    font-size: 9px;
    left: 75.3vw;
    animation: fall-175 20s -28.5s ease-in infinite;
}

.snowflake:nth-child(175) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-175 {
    7.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 98.3vw;
    }
}

.snowflake:nth-child(176) {
    opacity: 0.26;
    font-size: 15px;
    left: 104.1vw;
    animation: fall-176 40s -1.5s ease-in infinite;
}

.snowflake:nth-child(176) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-176 {
    5.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 76.9vw;
    }
}

.snowflake:nth-child(177) {
    opacity: 0.36;
    font-size: 9px;
    left: 96.8vw;
    animation: fall-177 30s -33s ease-in infinite;
}

.snowflake:nth-child(177) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-177 {
    3.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.5vw;
    }
}

.snowflake:nth-child(178) {
    opacity: 0.17;
    font-size: 15px;
    left: 60.8vw;
    animation: fall-178 30s -27s ease-in infinite;
}

.snowflake:nth-child(178) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-178 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110.4vw;
    }
}

.snowflake:nth-child(179) {
    opacity: 0.02;
    font-size: 3px;
    left: 40.2vw;
    animation: fall-179 20s -3s ease-in infinite;
}

.snowflake:nth-child(179) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-179 {
    1% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 86.3vw;
    }
}

.snowflake:nth-child(180) {
    opacity: 0.84;
    font-size: 9px;
    left: 0.9vw;
    animation: fall-180 50s -4.5s ease-in infinite;
}

.snowflake:nth-child(180) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-180 {
    6.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 93.7vw;
    }
}

.snowflake:nth-child(181) {
    opacity: 0.81;
    font-size: 15px;
    left: 65vw;
    animation: fall-181 40s -15s ease-in infinite;
}

.snowflake:nth-child(181) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-181 {
    0.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 17.2vw;
    }
}

.snowflake:nth-child(182) {
    opacity: 0.38;
    font-size: 15px;
    left: 73.9vw;
    animation: fall-182 20s -36s ease-in infinite;
}

.snowflake:nth-child(182) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-182 {
    8% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 85.1vw;
    }
}

.snowflake:nth-child(183) {
    opacity: 0.73;
    font-size: 6px;
    left: 77.9vw;
    animation: fall-183 50s -10.5s ease-in infinite;
}

.snowflake:nth-child(183) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-183 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 19.9vw;
    }
}

.snowflake:nth-child(184) {
    opacity: 0.61;
    font-size: 3px;
    left: 117.1vw;
    animation: fall-184 10s -3s ease-in infinite;
}

.snowflake:nth-child(184) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-184 {
    0.5% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 8.9vw;
    }
}

.snowflake:nth-child(185) {
    opacity: 0.53;
    font-size: 3px;
    left: 17.1vw;
    animation: fall-185 20s -10.5s ease-in infinite;
}

.snowflake:nth-child(185) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-185 {
    2.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 43.1vw;
    }
}

.snowflake:nth-child(186) {
    opacity: 0.75;
    font-size: 3px;
    left: 89.5vw;
    animation: fall-186 40s -12s ease-in infinite;
}

.snowflake:nth-child(186) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-186 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 53.4vw;
    }
}

.snowflake:nth-child(187) {
    opacity: 0.81;
    font-size: 6px;
    left: 54.9vw;
    animation: fall-187 40s -13.5s ease-in infinite;
}

.snowflake:nth-child(187) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-187 {
    7.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 99.8vw;
    }
}

.snowflake:nth-child(188) {
    opacity: 0.02;
    font-size: 15px;
    left: 88.3vw;
    animation: fall-188 40s -3s ease-in infinite;
}

.snowflake:nth-child(188) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-188 {
    0.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 42.2vw;
    }
}

.snowflake:nth-child(189) {
    opacity: 0.03;
    font-size: 12px;
    left: 81.8vw;
    animation: fall-189 10s -34.5s ease-in infinite;
}

.snowflake:nth-child(189) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-189 {
    1.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 110vw;
    }
}

.snowflake:nth-child(190) {
    opacity: 0.19;
    font-size: 12px;
    left: 6.1vw;
    animation: fall-190 50s -3s ease-in infinite;
}

.snowflake:nth-child(190) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-190 {
    6.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 35.2vw;
    }
}

.snowflake:nth-child(191) {
    opacity: 0.19;
    font-size: 15px;
    left: 32.2vw;
    animation: fall-191 30s -19.5s ease-in infinite;
}

.snowflake:nth-child(191) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-191 {
    0.8333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 50.5vw;
    }
}

.snowflake:nth-child(192) {
    opacity: 0.35;
    font-size: 15px;
    left: 46.3vw;
    animation: fall-192 40s -22.5s ease-in infinite;
}

.snowflake:nth-child(192) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-192 {
    0.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 36.6vw;
    }
}

.snowflake:nth-child(193) {
    opacity: 0.22;
    font-size: 9px;
    left: 86.4vw;
    animation: fall-193 10s -4.5s ease-in infinite;
}

.snowflake:nth-child(193) span {
    animation: spin 6s linear 0s infinite;
    filter: drop-shadow(0 0 2px #fff);
}

@keyframes fall-193 {
    4.1666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 32.3vw;
    }
}

.snowflake:nth-child(194) {
    opacity: 0.83;
    font-size: 12px;
    left: 41.2vw;
    animation: fall-194 40s -18s ease-in infinite;
}

.snowflake:nth-child(194) span {
    animation: spin 9s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-194 {
    2.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 22.2vw;
    }
}

.snowflake:nth-child(195) {
    opacity: 0.45;
    font-size: 6px;
    left: 117.8vw;
    animation: fall-195 30s -1.5s ease-in infinite;
}

.snowflake:nth-child(195) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-195 {
    0.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 98.4vw;
    }
}

.snowflake:nth-child(196) {
    opacity: 0.19;
    font-size: 6px;
    left: 45.8vw;
    animation: fall-196 10s -24s ease-in infinite;
}

.snowflake:nth-child(196) span {
    animation: spin 3s linear 0s infinite;
    filter: drop-shadow(0 0 4px #fff);
}

@keyframes fall-196 {
    5.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 54.9vw;
    }
}

.snowflake:nth-child(197) {
    opacity: 0.48;
    font-size: 3px;
    left: 36.3vw;
    animation: fall-197 10s -13.5s ease-in infinite;
}

.snowflake:nth-child(197) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-197 {
    4.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 87.2vw;
    }
}

.snowflake:nth-child(198) {
    opacity: 0.04;
    font-size: 6px;
    left: 83.4vw;
    animation: fall-198 20s -24s ease-in infinite;
}

.snowflake:nth-child(198) span {
    animation: spin 15s linear 0s infinite;
    filter: drop-shadow(0 0 1px #fff);
}

@keyframes fall-198 {
    7.6666666667% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 4.1vw;
    }
}

.snowflake:nth-child(199) {
    opacity: 0.03;
    font-size: 9px;
    left: 111.4vw;
    animation: fall-199 40s -9s ease-in infinite;
}

.snowflake:nth-child(199) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 3px #fff);
}

@keyframes fall-199 {
    6.3333333333% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 112.8vw;
    }
}

.snowflake:nth-child(200) {
    opacity: 0.43;
    font-size: 12px;
    left: 8.4vw;
    animation: fall-200 50s -21s ease-in infinite;
}

.snowflake:nth-child(200) span {
    animation: spin 12s linear 0s infinite;
    filter: drop-shadow(0 0 5px #fff);
}

@keyframes fall-200 {
    6% {
        transform: rotate(90deg) translateX(0);
    }
    to {
        transform: rotate(90deg) translateX(calc(100vh + 5vmin));
        left: 35.8vw;
    }
}

.snowflake span {
    display: block;
    color: #fff;
}

.snowflake span:before {
    content: "\2744";
}

.snowflake:nth-child(3n+2) span:before {
    content: "\2745";
}

.snowflake:nth-child(3n+3) span:before {
    content: "\2747";
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* end */

p {
    margin-bottom: 1.15rem;
    letter-spacing: 0.05em;
    font-weight: 500;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 2.75rem 0 1.05rem;
    font-weight: 400;
    line-height: 1.15;
    text-transform: uppercase;
}

h1 {
    margin-top: 0;
    font-size: 3.052em;
}

h2 {
    font-size: 2.441em;
}

h3 {
    font-size: 1.953em;
}

h4 {
    font-size: 1.563em;
}

h5 {
    font-size: 1.25em;
}

small,
.text_small {
    font-size: 0.8em;
}

.wrapper {
    margin: 0 auto;
    max-width: 1280px;
}

.full-height {
    min-height: 90vh;
}

.mid-height {
    min-height: 40vh;
}

.min-height {
    min-height: 20vh;
}

.container {
    border-radius: 1em;
    padding: 2em;
    background-color: #fff;
    position: relative;
    bottom: 20em;
    z-index: 9998;
    text-decoration: none;
}

.container ul {
    list-style-type: none;
}

.container h1 {
    font-size: 2.488rem;
    margin-top: 0;
}

.container h2 {
    font-size: 2.074rem;
}

.container h3 {
    font-size: 1.728rem;
}

.container small .text_small {
    font-size: 0.8rem;
}

.container h1, h2, h3, h4, h5 {
    margin: 3rem 0 1.38rem;
    font-weight: 400;
    line-height: 1.3;
}

section {
    padding: 5vh 1em;
}

footer {
    padding: 5vh 1em;
    background-color: #7028e4;
}

#mainNavigation {
    z-index: 9999;
    padding: 1em;
    position: fixed;
    width: 100%;
    height: 6em;

}

#mainNavigation .wrapper {
    display: flex;
    justify-content: space-between;
    justify-items: center;
}

#mainNavigation .wrapper img {
    height: 3em;
    margin-top: 1.3em;
    width: 3em;
}

#mainNavigation a {
    margin-right: 2em;
    height: 1.5em;
    line-height: 1.5em;
    position: relative;
    margin-top: 1.5em;
}

#application {
    overflow-x: hidden;
}

.space {
    width: 100%;
    height: 6em;
}

.space-2 {
    margin: 10em 0;
}

#mainNavigation .wrapper ul {
    list-style: none;
}

#mainNavigation .wrapper ul li {
    padding: 0 2em;
    display: inline-block;
}

.textbox-3 {
    display: inline-block;
    font-weight: lighter;
    border-radius: 3em;
    border: 0.5px solid #7028e4;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    padding: 0.6em 2em;
    transition: box-shadow 200ms;
}

.textbox-3:focus {
    box-shadow: 0 1px 1px rgba(112, 40, 228, 0.05), 0 2px 2px rgba(112, 40, 228, 0.05), 0 4px 4px rgba(112, 40, 228, 0.05), 0 8px 8px rgba(112, 40, 228, 0.05), 0 16px 16px rgba(112, 40, 228, 0.05), 0 32px 32px rgba(112, 40, 228, 0.05);
}

#mainNavigation .wrapper ul li a {
    transition: all 400ms;
    line-height: 6em;
    text-decoration: none;
    color: #dedede;
    font-weight: 300;
}

#mainNavigation .wrapper ul li a:hover {
    color: #fff;
}

.coloredNavigationWhite .wrapper > a {
    background-color: #7028e4;
    border: none;
    box-shadow: 0 1px 1px rgba(112, 40, 228, .05), 0 2px 2px rgba(112, 40, 228, .05), 0 4px 4px rgba(112, 40, 228, .05), 0 8px 8px rgba(112, 40, 228, .05), 0 16px 16px rgba(112, 40, 228, .05), 0 32px 32px rgba(112, 40, 228, .05);
    color: #fefefe;
    height: 1.5em;
    line-height: 1.5em;
    position: relative;
    margin-top: 0.5em !important;
}

.coloredNavigationWhite .wrapper > a:hover {
    height: 1.5em;
    background-color: #8649E9;
    line-height: 1.5em;
    position: relative;
    margin-top: 0.5em !important;
}

.coloredNavigationWhite .wrapper img {
    margin-top: 0.5em !important;
}


.coloredNavigationWhite .wrapper ul li a:hover {
    color: #7028e4 !important;
}

.coloredNavigationWhite {
    height: 4em !important;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .02), 0 2px 2px rgba(0, 0, 0, .02), 0 4px 4px rgba(0, 0, 0, .02), 0 8px 8px rgba(0, 0, 0, .02), 0 16px 16px rgba(0, 0, 0, .02), 0 32px 32px rgba(0, 0, 0, .02);
}

.coloredNavigationWhite .wrapper ul li a {
    color: #333 !important;
    line-height: 4em !important;
}


#hero {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/img/hero.webp");
    background-color: #7028e4;
}

#heroPromotion {
    display: flex;
    height: 70vh;
    align-items: center;
    justify-content: center;
}

#heroPromotionLittle {
    display: flex;
    height: 25vh;
    align-items: center;
    justify-content: center;
}

#heroPromotionLittle .wrapper .features .feature .buttonDefault {
    margin-right: 1em;
}

#heroPromotionLittle p {
    display: block;
    color: #F7F4FC;
}

#heroPromotionLittle h3 {
    display: block;
    color: #FDFDFD;
    font-weight: normal;
}

#heroPromotionLittle h1 {
    color: #FFF;
    font-size: 4em;
    display: block;
    font-weight: bold;
}

#heroPromotion .wrapper .features .feature .buttonDefault {
    margin-right: 1em;
}

#heroPromotion p {
    display: block;
    color: #F7F4FC;
}

#heroPromotion h3 {
    display: block;
    color: #FDFDFD;
    font-weight: normal;
}

#heroPromotion h1 {
    color: #FFF;
    display: block;
    font-weight: bold;
}

.bolder {
    font-weight: bolder;
    font-size: 1.1em;
    text-transform: uppercase;
}

.purple {
    color: #7028e4;
}

.buttonDefault {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 1em 0;
    display: inline-block;
    font-weight: 300;
    color: #fdfdfd;
    text-decoration: none;
    border: 1px solid #fefefe;
    padding: 0.7em 2.2em;
    border-radius: 100px;
    transition: color 200ms;
    transition: background-color 200ms;
}

.buttonDefault:hover {
    background-color: #fefefe;
    color: #121212;
}

.button-4 {
    text-transform: uppercase;
    border: none;
    padding: 0.75em 3em;
    display: inline-block;
    margin: 1em auto;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    background-color: #7028e4;
    cursor: pointer;
    color: #ededed;
    border-radius: 2em;
    box-shadow: 0 1px 1px rgba(112, 40, 228, 0.05), 0 2px 2px rgba(112, 40, 228, 0.05), 0 4px 4px rgba(112, 40, 228, 0.05), 0 8px 8px rgba(112, 40, 228, 0.05), 0 16px 16px rgba(112, 40, 228, 0.05);
    transition: box-shadow 200ms;
    transition: background 200ms;
}

.button-4:hover {
    background-color: #8649e9;
    box-shadow: 0 1px 1px rgba(112, 40, 228, 0.1), 0 2px 2px rgba(112, 40, 228, 0.1), 0 4px 4px rgba(112, 40, 228, 0.1), 0 8px 8px rgba(112, 40, 228, 0.1), 0 16px 16px rgba(112, 40, 228, 0.1), 0 32px 32px rgba(112, 40, 228, 0.1);
}

.align {
    text-align: center;
}

.features {
    display: flex;
    justify-content: space-between;
}

.features img {
    margin: 0 auto;
    align-self: center;
    height: 20em;
}

.mg-bottom-1 {
    margin-bottom: 1em;
}

.features > div {
    margin: 2em;
}

img {
    height: 100%;
    width: auto;
}

#details {
    background-color: #f9f9f9;
}

#introduction h2, #details h2 {
    color: #111;
    font-weight: bolder;
}

#faq h3 {
    font-size: 1.1em;
    font-weight: bolder;
}

#whyus h3 {
    font-size: 1.1em;
    font-weight: bolder;
}


#introduction h4 {
    font-weight: bolder;
    color: #7028E4;
}

#details h4 {
    color: #7028E4;
}

#introduction, #details p {
    color: #222;
}

.footerSections {
    text-align: center;
    display: grid;
    grid-gap: 2em;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.footerSections p {
    color: #dedede;
    font-size: 0.9em;
}

.footerSection h5 {
    font-size: 1em;
    color: #fefefe;
    margin: 1.3em 0;
}

footer .rights {
    text-align: center;
    color: #dedede;
}

.footerSection ul {
    list-style: none;
}

.footerSection ul li {
    font-size: 0.9em;
    margin: 0.9em 0;
}

.footerSection ul li a {
    text-decoration: none;
    color: #dedede;
    font-weight: 300;
    transition: color 200ms;
}


.footerSection ul li a:hover {
    color: #fefefe;
}

section p {
    font-size: 1.2em;
}

section ul li {
    font-size: 1.2em;
}

section > h2 {
    color: #111;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 0.1em;
    margin-bottom: 2em;
    text-decoration: underline;
    text-decoration-color: #7028e4;
    text-underline-offset: 0.3em;
}

section > h4 {
    color: #7028e4;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
}

.faq {
    display: grid;
    grid-gap: 10em;
    grid-template-columns: 4fr 5fr;
}

.faq img {
    width: 100%;
    height: 40em;
}

.faq .items {
    display: block;
}

.faq .items .item {
    padding: 1em 0em;
    margin: 1em 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.faq .items .item .title {
    display: flex;
    justify-content: space-between;
}

.faq .items .item .title h5 {
    font-weight: bold;
    color: #111;
}

.faq .items .item .title span i {
    position: relative;
    bottom: 0.1em;
    color: #7028e4;
    cursor: pointer;
    font-size: 1.5em;
}

.faq .items .item .content {
    margin-top: 1em;
}

.content-disabled {
    opacity: 0;
    height: 0;
}

.packages {
    margin-bottom: 5em;
    text-align: center;
    display: grid;
    grid-gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
}

.package {
    transform: scale(0.8);
    margin: 0 auto;
    /*filter: drop-shadow(0 1px 1px rgba(112, 40, 228, .05)) drop-shadow(0 2px 2px rgba(112, 40, 228, .05)) drop-shadow(0 4px 4px rgba(112, 40, 228, .05)) drop-shadow(0 8px 8px rgba(112, 40, 228, .05)) drop-shadow(0 16px 16px rgba(112, 40, 228, .05));*/
    width: 25em;
}

.package-background {
    background-color: #fff;
    padding-bottom: 5em;
    clip-path: polygon(50% 24.5px, 100% 0, 100% 100%, 0 95%, 0 0);
}

.buttonPurchase {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    position: relative;
    bottom: 1em;
    display: inline-block;
    height: 2.5em;
    width: 2.5em;
    position: relative;
    font-weight: 300;
    line-height: 2.5em;
    font-size: 2.5em;
    text-decoration: none;
    border-radius: 100%;
    transition: background-color 200ms;
    color: #fefefe;
    background-color: #7028e4;
}

.buttonPurchase:hover {
    background-color: #8649E9;
}

.package p, h5 {
    margin: 0;
}

.slider-container {
    position: relative;
}

.slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: 100%;
}

.slider-nav button {
    background: none;
    border: 0;
    outline: 0;
    cursor: pointer;
    margin: 0 10px;
    padding: 0;
}

.slider-nav button:before {
    font-size: 20px;
    line-height: 1;
    color: #999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slider-nav .prev:before {
    content: "←";
}

.slider-nav .next:before {
    content: "→";
}

.slider-nav .prev {
    position: absolute;
    left: 0;
}

.slider-nav .next {
    position: absolute;
    right: 0;
}


.package-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 250px;
    clip-path: polygon(0 20%, 100% 0%, 100% 80%, 0% 100%);
    background-color: #7028e4;
}

.package-header h5 {
    font-size: 2em;
}

.packageCurrency {
    text-transform: uppercase;
    font-weight: 300;
    color: #444;
    position: relative;
    bottom: 1.2em;
}

.line {
    height: 1px;
    width: 90%;
    margin: 1em auto;
    background-color: #ddd;
}

.line2 {
    height: 1px;
    width: 100%;
    margin-bottom: 2em;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    background-color: #daccf2;
}

.lineTitle {
    color: #2a1352;
    text-transform: uppercase;
}

.lineP {
    margin-top: 0.5em;
    color: #38215f;
}

.youtubeIframe {
    margin: 5em 0;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.youtubeIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.packageInfo {
    display: block;
    margin: 1em 0;
    font-weight: 300;
}

.package-shape {
    width: 100%;
    position: absolute;
    /*width: 25em;*/
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 80%);
    height: 250px;
    background-color: #5C19C8;
}

.package-header h5 {
    margin: 0.3em 0;
    color: #fefefe;
}

.package-header p {
    color: #fdfdfd !important;
}

.packagePrice .dollar {
    position: relative;
    font-weight: 300;
    bottom: 1em;
    font-size: 2em;
}

.packagePrice .mainPrice {
    font-size: 4em;
}

.packagePrice .secondPrice {
    font-size: 2em;
    position: relative;
    bottom: 1em;
}

.packagePrice .permonth {
    font-weight: 300;
    position: relative;
    bottom: 0.7em;
    right: 0.2em;
}

.package-content p {
    font-weight: 500;
    color: #353535;
}

#stats {
    background-image: url("/img/background.webp");
    background-color: #7028e4;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#faq {
    background-color: #f9f9f9;
    overflow: hidden;
}

#whyus {
    background-color: #f9f9f9;
    overflow: hidden;
}

#heroSvg {
    height: 20vw;
    align-self: center;
}

#dashboardSvg {
    height: 15em;
}

.shadow {
    box-shadow: 0 1px 1px rgba(112, 40, 228, .05), 0 2px 2px rgba(112, 40, 228, .05), 0 4px 4px rgba(112, 40, 228, .05), 0 8px 8px rgba(112, 40, 228, .05), 0 16px 16px rgba(112, 40, 228, .05), 0 32px 32px rgba(112, 40, 228, .05);
}

.featureIcon .featureIconContent {
    margin-top: 1em;
    margin-left: 1em;
}

.featureIconTitle {
    margin: 0 auto;
    display: flex;
}

.featureIconTitle h4 {
    line-height: 5em;
    display: inline;
    font-size: 0.9em;
}

.featureIconTitle i {
    color: #7028e4;
    font-size: 5em;
}

.featureIconTitle > div {
    margin: 0.5em;
}

.stats {
    padding: 3em 0;
    color: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.stats i {
    font-size: 5em;
}

.stats h5 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1em;
}

.stat {
    align-self: flex-end;
}

.article h1 {
    margin: 0;
    margin-bottom: 1em;
}

.articlelisting {
    margin: 2em auto;
}

.articlelisting h2:hover {
    color: #7028e4;
    transition: color 100ms;
    cursor: pointer;
}

.articlelisting span {
    text-align: right;
    width: 100%;
    display: block;
    color: #999;
}

.articlelisting h2 {
    margin: 0;
    letter-spacing: 0.01em;
    font-weight: 500;
    color: #222;
    margin-bottom: 1em;
}

.articlelisting a {
    text-decoration: none;
}

.articlelisting p {
    margin: 0;
}

.paging {
    text-align: center;
    font-family: arial;
}

.pagination {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
}

.pagination li {
    display: inline;
    text-align: center;
}

.pagination a {
    float: left;
    display: block;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 12px;
    color: #fff;
    margin-left: -1px;
    border: 1px solid transparent;
    line-height: 1.5;
}

.pagination a.active {
    cursor: default;
}

.pagination a:active {
    outline: none;
}

.pagination a {
    margin: 0 5px;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #7028e4;
}

.pagination a.prev {
    -moz-border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px 0 0 50px;
    width: 100px;
}

.pagination a.next {
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0;
    border-radius: 0 50px 50px 0;
    width: 100px;
}

.pagination a.active, .modal-4 a:active {
    background-color: #5818be;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 160px;
}

.lds-ellipsis div {
    position: absolute;
    top: 66px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #7028e4;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 16px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 16px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 64px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 112px;
    animation: lds-ellipsis3 0.6s infinite;
}

#notice {
    min-height: 3em;
    line-height: 3em;
    background-color: #8649e9;
    font-size: 1.1em;
    padding: 1em;
    color: #f7f4fc;
    text-align: center;
}

#notice p {
    font-weight: bold;
    margin: 0;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(48px, 0);
    }
}


@media only screen and (max-width: 768px) {
    .faq {
        display: grid;
        grid-gap: 10em;
        grid-template-columns: 1fr;
    }
    
    .star-comments {
        position: relative;
        top: 7em;
    }
    
    .features {
        margin-top: 3em;
    }

    .faq img {
        display: none;
    }

    .footerSections {
        grid-template-columns: 1fr 1fr;
    }

    #mainNavigation .wrapper ul li a {
        display: none;
    }

    html {
        font-size: 12px;
    }

    #heroSvg {
        display: none;
    }

    .features {
        flex-wrap: wrap;
    }
}