body {
    background-color: white;
}

header {
    background-color: white;
}

.font-poppins {
    font-family: "Poppins" !important;
}

.directory-box {
    background-color: #f9f9f9 !important;
}

.text-sc {
    color: var(--accent-color) !important;
}

.sub-navbar {
    background: var(--accent-color);
    box-shadow: rgba(67, 72, 85, 0.1) 0px 2px 8px 4px;
}

.table {
    color: black !important;
    margin-bottom: 0 !important;
}

.table td,
.table th {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.table-condensed td,
.table-condensed th {
    padding-left: 6px !important;
    padding-right: 6px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.table td.right-dotted {
    border-right: 1px dotted #bbb;
}

.table td {
    vertical-align: middle !important;
}

.table thead th {
    font-weight: bold !important;
    letter-spacing: normal !important;
    text-transform: none !important;
}

.datatable-scroll {
    overflow-x: auto;
    position: relative;
}

.datatable-header {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding-top: 12px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 12px;
    font-size: 13px;
}

.dataTables_length {
    margin-right: 1rem;
    margin-bottom: 12px;
}

.dataTables_info {
    margin-right: 2rem;
}

.dataTables_filter {
    margin-right: 2rem;
}

.datatable-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    padding-top: 12px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: 1px solid #ebebeb;
    font-size: 13px;
}

.dataTables_paginate {
    flex-grow: 1;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: flex-end;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc_disabled:after {
    margin-left: 6px !important;
}

.table.table-no-wrap th,
.table.table-no-wrap td {
    white-space: nowrap;
}

.no-wrap {
    white-space: nowrap !important;
}

.dataTables_processing {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -50px;
    background: white;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-weight: bold;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.content.full-width {
    max-width: 100% !important;
}

.action-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    font-weight: 600 !important;
}

.footer-gradient-overlay {
    background: var(--accent-color);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    top: 0;
    left: 0;
}

@media (max-width: 575px) {
    .content-responsive {
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-links a {
    color: white !important;
}

.footer-links li {
    margin-bottom: .35rem;
}

.footer-links a.link-fx:before {
    background: white !important;
}

.nav-arrow {
    color: #fff;
    position: absolute;
    top: 50%;
    opacity: 0 !important;
    border-radius: 50% !important;
    border: none !important;
    outline: none !important;
    box-shadow: initial !important;
    font-size: 30px !important;
    transition: all .3s ease-in-out;
}

@media (min-width: 768px) {
    .glide:hover .nav-arrow {
        opacity: .9 !important;
        transition: all .3s ease-in-out;
    }
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.list li {
    background: white;
    transition: all .3s;
}

.list li:hover {
    box-shadow: 0px 8px 16px rgba(0, 0, 0, .075) !important;
    transition: all .3s;
    transform: translateY(-4px);
}

.product-image {
    width: 75px;
    height: 75px;
    min-width: 75px;
    min-height: 75px;
    background-position: center;
    background-size: cover;
}

.clickable {
    cursor: pointer;
}

.clamp-1-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.2em;
    height: 1.2em;
    /* fallback */
    max-height: 1.2em;
    /* fallback */
    -webkit-line-clamp: 1;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.clamp-2-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.2em;
    height: 2.4em;
    /* fallback */
    max-height: 2.4em;
    /* fallback */
    -webkit-line-clamp: 2;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

.clamp-3-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.5em;
    height: 4.5em;
    /* fallback */
    max-height: 4.5em;
    /* fallback */
    -webkit-line-clamp: 3;
    /* number of lines to show */
    -webkit-box-orient: vertical;
}

ul.pagination {
    margin-bottom: 0 !important;
}

/* .page-link,
.page-item.disabled .page-link {
  border: 1px solid #ddd;
  font-size: 16px;
} */

.skew {
    transform: skew(-20deg);
}

.skew div {
    transform: skew(20deg);
}

.sub-total {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px 10px;
    padding-left: 10px;
    background-color: var(--primary-color);
    color: #fff;
    letter-spacing: 1px;
    overflow: visible;
}

.sub-total:before {
    left: -10px;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    z-index: 1;
    background-color: var(--primary-color);
    transform: skew(-20deg);
}

#floating-summary {
    position: sticky;
    top: 100px;
}

.strike {
    text-decoration: line-through;
}

ul.shopping-cart-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.shopping-cart-list__product {
    width: 100%;
}

.shopping-cart-list__product__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
}

.shopping-cart-list__product__info {
    width: 100%;
}

.shopping-cart-list__product__info__name {
    padding-right: 36px;
}

.btn-delete-cart-product {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    cursor: pointer;
}


.tracking-detail {
    padding: 3rem 0
}

#tracking {
    margin-bottom: 1rem
}

[class*=tracking-status-] p {
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

[class*=tracking-status-] {
    padding: 1.6rem 0
}

.tracking-list {
    border-top: 1px solid #ddd;
}

.tracking-item {
    border-left: 1px solid #e5e5e5;
    position: relative;
    padding: 1rem 1.5rem .25rem 2.5rem;
    font-size: .9rem;
    margin-left: 16px;
}

.tracking-item:last-child {
    padding-bottom: 4rem
}

.tracking-item .tracking-date {
    font-size: 13px;
}

.tracking-item .tracking-date span {
    color: #555;
    font-size: 90%;
    padding-left: .4rem
}

.tracking-item .tracking-content {
    font-weight: 600;
}

.tracking-item .tracking-content span {
    display: block;
    color: #888;
    font-size: 90%
}

.tracking-item .tracking-icon {
    position: absolute;
    left: -8px;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    color: #fff
}

.tracking-item .tracking-icon.status-completed {
    background-color: #4caf50;
}

.tracking-item .tracking-icon.status-completed.status-cancelled {
    background-color: #e53935 !important;
    font-size: .6rem;
}

.tracking-item .tracking-icon.status-pending {
    background-color: #ddd;
}

@keyframes floating {
    from {
        transform: translate(0, 0px);
    }

    45% {
        transform: translate(0, 8px);
    }

    to {
        transform: translate(0, -0px);
    }
}

.floating {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

/* Product Listing */
.product-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-list__product {
    background: white;
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

#floating-bottom-bar {
    background: white;
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.floating-bottom-bar__divider {
    height: 6px;
    background: linear-gradient(to right, #349DD8, #004561);
}

.product-list__product__image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.product-list__product__image__overlay {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 5;
}

.product-list__product__image.placeholder {
    background-size: cover !important;
}

@media (max-width: 575.98px) {
    .product-list__product__image {
        background-size: contain;
        padding-top: 100%;
    }

    .product-list__product__image.placeholder {
        background-size: cover;
        padding-top: 100%;
    }
}


.product-list__product__info {
    padding: 1rem;
    flex-grow: 1;
}

.product-list__product__image__download-image {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    transition: all .3s;
    z-index: 6;
}

.product-list__product__image:hover .product-list__product__image__download-image {
    opacity: 1;
    transition: all .3s;
}


.btn-skew {
    font-size: 11px;
    font-weight: 700 !important;
    padding-left: 8px;
}

.btn-skew:focus {
    box-shadow: none !important;
}

.btn-skew {
    height: 100%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-skew:before {
    left: 2px;
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    z-index: 1;
    background-color: var(--skew-button-border-color);
    transform: skew(-20deg);
}

.btn-sm {
    font-size: 12px;
}

.side-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 2rem;
}

.side-menu li {
    color: black;
    margin-bottom: 6px;
}

.side-menu-title {
    letter-spacing: 1.6px;
}

.skew {
    transform: skew(-20deg);
}

.skew div {
    transform: skew(20deg);
}

.product-card:hover {
    border: 1px solid #ddd;
}

.shop-by-brand-tile img {
    width: 120px;
    filter: grayscale(0.9) invert(0.9);
    transition: all .3s;
}

.shop-by-brand-tile:hover {
    background: black;
}

.shop-by-brand-tile:hover img {
    filter: grayscale(0) invert(0);
    transition: all .3s;
}

#input-search {
    border-radius: 4px;
    width: 400px;
    padding: 0 40px 0 16px;
    outline: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12) !important;
}

.section-header {
    font-family: "Poppins";
    font-size: 56px !important;
    letter-spacing: -1px !important;
    color: black;
    font-weight: bolder;
}

@media (max-width: 575.98px) {
    .section-header {
        font-size: 34px !important;
        text-align: center;
    }

    .section-subtitle {
        text-align: center;
    }
}

.section-subtitle {
    font-family: "Poppins";
    font-size: 20px !important;
    letter-spacing: -1px !important;
    color: #555;
    font-weight: 600;
}

.nav-arrow {
    color: grey !important;
    position: absolute;
    top: 45%;
    border-radius: 50%;
    border: none;
    outline: none;
    height: 45px;
    width: 45px;
    opacity: 1;
    transition: all .25s ease-in-out;
}

.glide__arrow--left {
    left: -52px !important;
}

.glide__arrow--right {
    right: -52px !important;
}

.nav-bullet {
    border: 1px solid #ddd !important;
    box-shadow: initial !important;
    width: 12px !important;
    height: 12px !important;
    background: #ddd !important;
}

.glide__bullets {
    bottom: 0 !important;
}

.nav-bullet.glide__bullet--active {
    background: #006086 !important;
}

/* Swiper */
.swiper-scrollbar-drag {
    background: var(--accent-color) !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--accent-color) !important;
}

.swiper-pagination-bullet-active {
    background: var(--accent-color) !important;
}

.swiper-container {
    opacity: 0;
    transition: all .3s;
}

.swiper-container.swiper-container-initialized {
    opacity: 1;
}

/* Select2 */
.select2-selection {
    overflow: hidden !important;
}

.select2-selection__rendered {
    white-space: normal !important;
    word-break: break-all !important;
}

.select2-container .select2-selection--single {
    min-height: calc(1.5em + .75rem + 2px) !important;
    height: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    min-height: calc(1.5em + .75rem + 2px) !important;
    height: auto !important;
}

.badge-tested {
    color: #fff;
    background-color: #007aff;
}

/* Dark Mode */
body.dark-mode {
    background-color: #18191A;
}

body.dark-mode header {
    background-color: #18191A;
}

body.dark-mode .dark-mode__reactive-white {
    color: white !important;
}

body.dark-mode .dark-mode__reactive-primary {
    color: var(--text-primary) !important;
}

body.dark-mode .dark-mode__link {
    color: var(--text-primary) !important;
}

body.dark-mode .dark-mode__svg-invert {
    filter: invert(1) !important;
}

body.dark-mode .shop-by-brand-tile {
    border: 1px solid #3E4042 !important;
    background: #242526 !important;
}

body.dark-mode .shop-by-brand-tile:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode .shop-by-brand-tile img {
    filter: none;
}

body.dark-mode hr {
    border-top: 1px solid #3E4042 !important;
}

body.dark-mode .border-left {
    border-left: 1px solid #3E4042 !important;
}

body.dark-mode .border-top {
    border-top: 1px solid #3E4042 !important;
}

body.dark-mode .border-bottom {
    border-bottom: 1px solid #3E4042 !important;
}

body.dark-mode .border-right {
    border-right: 1px solid #3E4042 !important;
}

body.dark-mode .border {
    border: 1px solid #3E4042 !important;
}

body.dark-mode select,
body.dark-mode input,
body.dark-mode textarea {
    background: #242526 !important;
    color: white !important;
    border-color: #3E4042 !important;
}

body.dark-mode .product-list__product__image {
    background-color: #242526 !important;
    border-radius: 4px !important;
}

body.dark-mode .custom-control-label:before {
    background-color: #242526;
}

body.dark-mode .directory-box {
    background-color: #242526 !important;
    border: 1px solid #3E4042 !important;
}

body.dark-mode .footer-gradient-overlay {
    background: #242526 !important;
}

body.dark-mode .brand-mega-menu {
    background: #242526;
}

body.dark-mode .category-mega-menu {
    background: #242526;
}

body.dark-mode .cart-total-quantity {
    border: none !important;
}

body.dark-mode table.dataTable {
    color: white !important;
}

body.dark-mode table.dataTable th,
body.dark-mode table.dataTable td {
    border-top: 1px solid #3E4042;
    border-bottom: 1px solid #3E4042;
}

body.dark-mode .row-group {
    background: #242526 !important;
}

body.dark-mode .sub-navbar {
    background: #242526;
    border-top: 1px solid #3E4042;
    border-bottom: 1px solid #3E4042;
}

body.dark-mode #input-search {
    background: #3E4042 !important;
}

body.dark-mode #input-search::-webkit-input-placeholder,
body.dark-mode #input-search:-ms-input-placeholder,
body.dark-mode #input-search::placeholder {
    color: white;
}

body.dark-mode #search-results {
    background: #18191A !important;
}

body.dark-mode .search-result-list li:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .search-result-list li {
    border-bottom: 1px solid #3E4042;
}

body.dark-mode .dropdown-menu {
    background: #18191A !important;
    border: 1px solid #3E4042 !important;
}

body.dark-mode .dropdown-item {
    color: white !important;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.15) !important;
}

body.dark-mode table {
    color: white !important;
}

body.dark-mode table tr {
    border-left: 1px solid #3E4042;
    border-bottom: 1px solid #3E4042;
    border-right: 1px solid #3E4042;
}

body.dark-mode table td,
body.dark-mode table th {
    border: 1px solid #3E4042;
}

body.dark-mode .datatable-footer {
    border-top: 0;
}

body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .table-hover tbody tr:hover td {
    color: white !important;
}

body.dark-mode .table .thead-dark th {
    background-color: #3E4042 !important;
    border-color: #3E4042 !important;
}

body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #242526 !important;
    border-color: #3E4042 !important;
}

body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered,
body.dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: white !important;
}

body.dark-mode .modal-content {
    background-color: #242526;
}

body.dark-mode .swal2-popup {
    background-color: #242526;
    border: 1px solid #3E4042;
}

body.dark-mode .swal2-title,
body.dark-mode .swal2-content {
    color: white !important;
}

body.dark-mode .page-item.disabled .page-link {
    background: transparent !important;
    border-color: #3E4042;
    border-width: 2px;
    color: white !important;
}

body.dark-mode .page-item.active .page-link {
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    color: white !important;
}

body.dark-mode .page-link {
    color: var(--text-primary) !important;
    border-color: var(--text-primary);
}

body.dark-mode .page-link:focus {
    color: white !important;
    background-color: var(--accent-color);
}

body.dark-mode .blockOverlay {
    background-color: black !important;
}

body.dark-mode .dataTables_processing {
    background: #242526 !important;
    border: 1px solid #3E4042 !important;
    color: white !important;
}

.packaging-badge {
    padding: 2px 8px;
    border-radius: 32px;
    background-color: var(--primary-color);
    color: white !important;
}

.no-select {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.tooltip {
    pointer-events: none;
}


.buy-in-campaign-icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: -15px;
    right: -15px;
    padding: 5px;
    transition: all .3s ease-in-out;
    border-radius: 50%;
    /* border: 1px solid rgb(209, 253, 12); */
    background: linear-gradient(45deg, #d1fd0c, #2196f3);
    box-shadow: 0 0 12px rgb(228, 247, 145);
}

.buy-in-campaign-icon:hover {
    transform: scale(1.3);
}

/* .buy-in-campaign-icon__svg {
  position:relative;
  height:20px;
  width:20px;
  filter: invert(87%) sepia(97%) saturate(2616%) hue-rotate(12deg) brightness(101%) contrast(98%);
} */
.notification-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notification-list li.unread {
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    background: #fafafa;
    transition: all .3s;
}

.notification-list li.unread:hover {
    background-color: #f5f5f5;
}

.notification-list li .btn-mark-as-read {
    display: none;
}

.notification-list li.unread .btn-mark-as-read {
    display: block;
}

.notification.dropdown-menu-lg {
    min-width: 400px !important;
}

.tooltip {
    pointer-events: none;
}

.product-rp-info {
    position: absolute;
    top: 8px;
    left: 8px;
}

.product-rp-info .badge {
    border-radius: 4px !important;
}

.product-promo-info {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    z-index: 10;
}

.product-promo-info .badge {
    border-radius: 999px !important;
    font-size: 13px;
}

.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted var(--primary-color);
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: .3125rem
    }

    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted var(--primary-color);
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: .3125rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle {
    border-radius: 1.5rem;
    height: 1rem;
    width: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #777
}

.timeline-steps .timeline-content .inner-circle.success {
    background-color: #4caf50 !important;
}

.timeline-steps .timeline-content .inner-circle.primary {
    background-color: var(--primary-color) !important;
}

.timeline-steps .timeline-content .inner-circle:before {
    content: "";
    background-color: #777;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

.timeline-steps .timeline-content .inner-circle.success:before {
    background-color: #4caf50 !important;
}

.timeline-steps .timeline-content .inner-circle.primary:before {
    background-color: var(--primary-color) !important;
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 #00A2A9;
}

.snow:nth-child(1) {
    opacity: 0.5312;
    transform: translate(7.7458vw, -10px) scale(0.4008);
    animation: fall-1 20s -30s linear infinite;
}

@keyframes fall-1 {
    46.79% {
        transform: translate(0.9672vw, 46.79vh) scale(0.4008);
    }

    to {
        transform: translate(4.3565vw, 100vh) scale(0.4008);
    }
}

.snow:nth-child(2) {
    opacity: 0.5199;
    transform: translate(7.4819vw, -10px) scale(0.8084);
    animation: fall-2 22s -25s linear infinite;
}

@keyframes fall-2 {
    43.315% {
        transform: translate(12.5801vw, 43.315vh) scale(0.8084);
    }

    to {
        transform: translate(10.031vw, 100vh) scale(0.8084);
    }
}

.snow:nth-child(3) {
    opacity: 0.6143;
    transform: translate(18.154vw, -10px) scale(0.2485);
    animation: fall-3 22s -13s linear infinite;
}

@keyframes fall-3 {
    37.563% {
        transform: translate(22.5334vw, 37.563vh) scale(0.2485);
    }

    to {
        transform: translate(20.3437vw, 100vh) scale(0.2485);
    }
}

.snow:nth-child(4) {
    opacity: 0.0798;
    transform: translate(38.4692vw, -10px) scale(0.2432);
    animation: fall-4 17s -19s linear infinite;
}

@keyframes fall-4 {
    75.791% {
        transform: translate(47.0565vw, 75.791vh) scale(0.2432);
    }

    to {
        transform: translate(42.76285vw, 100vh) scale(0.2432);
    }
}

.snow:nth-child(5) {
    opacity: 0.3135;
    transform: translate(41.22vw, -10px) scale(0.2038);
    animation: fall-5 25s -23s linear infinite;
}

@keyframes fall-5 {
    66.094% {
        transform: translate(46.3081vw, 66.094vh) scale(0.2038);
    }

    to {
        transform: translate(43.76405vw, 100vh) scale(0.2038);
    }
}

.snow:nth-child(6) {
    opacity: 0.2904;
    transform: translate(23.3561vw, -10px) scale(0.6004);
    animation: fall-6 16s -4s linear infinite;
}

@keyframes fall-6 {
    58.842% {
        transform: translate(14.4175vw, 58.842vh) scale(0.6004);
    }

    to {
        transform: translate(18.8868vw, 100vh) scale(0.6004);
    }
}

.snow:nth-child(7) {
    opacity: 0.9877;
    transform: translate(70.475vw, -10px) scale(0.019);
    animation: fall-7 17s -6s linear infinite;
}

@keyframes fall-7 {
    71.644% {
        transform: translate(60.6838vw, 71.644vh) scale(0.019);
    }

    to {
        transform: translate(65.5794vw, 100vh) scale(0.019);
    }
}

.snow:nth-child(8) {
    opacity: 0.2611;
    transform: translate(48.0008vw, -10px) scale(0.3036);
    animation: fall-8 15s -24s linear infinite;
}

@keyframes fall-8 {
    65.046% {
        transform: translate(45.9303vw, 65.046vh) scale(0.3036);
    }

    to {
        transform: translate(46.96555vw, 100vh) scale(0.3036);
    }
}

.snow:nth-child(9) {
    opacity: 0.5072;
    transform: translate(70.6207vw, -10px) scale(0.2188);
    animation: fall-9 21s -17s linear infinite;
}

@keyframes fall-9 {
    64.959% {
        transform: translate(67.3038vw, 64.959vh) scale(0.2188);
    }

    to {
        transform: translate(68.96225vw, 100vh) scale(0.2188);
    }
}

.snow:nth-child(10) {
    opacity: 0.4576;
    transform: translate(29.0417vw, -10px) scale(0.5889);
    animation: fall-10 14s -10s linear infinite;
}

@keyframes fall-10 {
    46.992% {
        transform: translate(20.6587vw, 46.992vh) scale(0.5889);
    }

    to {
        transform: translate(24.8502vw, 100vh) scale(0.5889);
    }
}

.snow:nth-child(11) {
    opacity: 0.4097;
    transform: translate(84.8852vw, -10px) scale(0.8682);
    animation: fall-11 18s -7s linear infinite;
}

@keyframes fall-11 {
    79.984% {
        transform: translate(75.7981vw, 79.984vh) scale(0.8682);
    }

    to {
        transform: translate(80.34165vw, 100vh) scale(0.8682);
    }
}

.snow:nth-child(12) {
    opacity: 0.7417;
    transform: translate(45.0302vw, -10px) scale(0.3529);
    animation: fall-12 19s -23s linear infinite;
}

@keyframes fall-12 {
    31.731% {
        transform: translate(42.6575vw, 31.731vh) scale(0.3529);
    }

    to {
        transform: translate(43.84385vw, 100vh) scale(0.3529);
    }
}

.snow:nth-child(13) {
    opacity: 0.1827;
    transform: translate(26.7838vw, -10px) scale(0.1416);
    animation: fall-13 16s -11s linear infinite;
}

@keyframes fall-13 {
    43.477% {
        transform: translate(28.2617vw, 43.477vh) scale(0.1416);
    }

    to {
        transform: translate(27.52275vw, 100vh) scale(0.1416);
    }
}

.snow:nth-child(14) {
    opacity: 0.4387;
    transform: translate(66.2459vw, -10px) scale(0.9788);
    animation: fall-14 27s -19s linear infinite;
}

@keyframes fall-14 {
    69.497% {
        transform: translate(65.7974vw, 69.497vh) scale(0.9788);
    }

    to {
        transform: translate(66.02165vw, 100vh) scale(0.9788);
    }
}

.snow:nth-child(15) {
    opacity: 0.5113;
    transform: translate(20.7311vw, -10px) scale(0.0561);
    animation: fall-15 13s -22s linear infinite;
}

@keyframes fall-15 {
    65.695% {
        transform: translate(11.3866vw, 65.695vh) scale(0.0561);
    }

    to {
        transform: translate(16.05885vw, 100vh) scale(0.0561);
    }
}

.snow:nth-child(16) {
    opacity: 0.0709;
    transform: translate(33.0562vw, -10px) scale(0.9286);
    animation: fall-16 13s -18s linear infinite;
}

@keyframes fall-16 {
    47.637% {
        transform: translate(27.3623vw, 47.637vh) scale(0.9286);
    }

    to {
        transform: translate(30.20925vw, 100vh) scale(0.9286);
    }
}

.snow:nth-child(17) {
    opacity: 0.9135;
    transform: translate(42.9755vw, -10px) scale(0.9638);
    animation: fall-17 22s -8s linear infinite;
}

@keyframes fall-17 {
    75.096% {
        transform: translate(50.5765vw, 75.096vh) scale(0.9638);
    }

    to {
        transform: translate(46.776vw, 100vh) scale(0.9638);
    }
}

.snow:nth-child(18) {
    opacity: 0.2761;
    transform: translate(20.7603vw, -10px) scale(0.7182);
    animation: fall-18 20s -12s linear infinite;
}

@keyframes fall-18 {
    43.87% {
        transform: translate(17.482vw, 43.87vh) scale(0.7182);
    }

    to {
        transform: translate(19.12115vw, 100vh) scale(0.7182);
    }
}

.snow:nth-child(19) {
    opacity: 0.7223;
    transform: translate(34.2611vw, -10px) scale(0.9251);
    animation: fall-19 27s -9s linear infinite;
}

@keyframes fall-19 {
    66.635% {
        transform: translate(43.1806vw, 66.635vh) scale(0.9251);
    }

    to {
        transform: translate(38.72085vw, 100vh) scale(0.9251);
    }
}

.snow:nth-child(20) {
    opacity: 0.2818;
    transform: translate(32.4694vw, -10px) scale(0.4283);
    animation: fall-20 28s -15s linear infinite;
}

@keyframes fall-20 {
    35.703% {
        transform: translate(31.2333vw, 35.703vh) scale(0.4283);
    }

    to {
        transform: translate(31.85135vw, 100vh) scale(0.4283);
    }
}

.snow:nth-child(21) {
    opacity: 0.0306;
    transform: translate(80.8088vw, -10px) scale(0.6992);
    animation: fall-21 11s -9s linear infinite;
}

@keyframes fall-21 {
    42.284% {
        transform: translate(82.0067vw, 42.284vh) scale(0.6992);
    }

    to {
        transform: translate(81.40775vw, 100vh) scale(0.6992);
    }
}

.snow:nth-child(22) {
    opacity: 0.4193;
    transform: translate(98.2541vw, -10px) scale(0.5151);
    animation: fall-22 24s -4s linear infinite;
}

@keyframes fall-22 {
    41.202% {
        transform: translate(92.4017vw, 41.202vh) scale(0.5151);
    }

    to {
        transform: translate(95.3279vw, 100vh) scale(0.5151);
    }
}

.snow:nth-child(23) {
    opacity: 0.2531;
    transform: translate(33.7292vw, -10px) scale(0.0041);
    animation: fall-23 14s -25s linear infinite;
}

@keyframes fall-23 {
    43.601% {
        transform: translate(26.2138vw, 43.601vh) scale(0.0041);
    }

    to {
        transform: translate(29.9715vw, 100vh) scale(0.0041);
    }
}

.snow:nth-child(24) {
    opacity: 0.3029;
    transform: translate(45.9779vw, -10px) scale(0.503);
    animation: fall-24 26s -8s linear infinite;
}

@keyframes fall-24 {
    43.827% {
        transform: translate(36.7308vw, 43.827vh) scale(0.503);
    }

    to {
        transform: translate(41.35435vw, 100vh) scale(0.503);
    }
}

.snow:nth-child(25) {
    opacity: 0.5277;
    transform: translate(90.5143vw, -10px) scale(0.244);
    animation: fall-25 27s -20s linear infinite;
}

@keyframes fall-25 {
    48.294% {
        transform: translate(94.3598vw, 48.294vh) scale(0.244);
    }

    to {
        transform: translate(92.43705vw, 100vh) scale(0.244);
    }
}

.snow:nth-child(26) {
    opacity: 0.002;
    transform: translate(14.6121vw, -10px) scale(0.8918);
    animation: fall-26 11s -6s linear infinite;
}

@keyframes fall-26 {
    35.904% {
        transform: translate(11.1469vw, 35.904vh) scale(0.8918);
    }

    to {
        transform: translate(12.8795vw, 100vh) scale(0.8918);
    }
}

.snow:nth-child(27) {
    opacity: 0.7518;
    transform: translate(8.8601vw, -10px) scale(0.1424);
    animation: fall-27 10s -13s linear infinite;
}

@keyframes fall-27 {
    54.598% {
        transform: translate(17.8965vw, 54.598vh) scale(0.1424);
    }

    to {
        transform: translate(13.3783vw, 100vh) scale(0.1424);
    }
}

.snow:nth-child(28) {
    opacity: 0.272;
    transform: translate(47.7254vw, -10px) scale(0.0221);
    animation: fall-28 21s -16s linear infinite;
}

@keyframes fall-28 {
    50.31% {
        transform: translate(42.4536vw, 50.31vh) scale(0.0221);
    }

    to {
        transform: translate(45.0895vw, 100vh) scale(0.0221);
    }
}

.snow:nth-child(29) {
    opacity: 0.3535;
    transform: translate(72.0409vw, -10px) scale(0.3473);
    animation: fall-29 27s -19s linear infinite;
}

@keyframes fall-29 {
    58.433% {
        transform: translate(71.9166vw, 58.433vh) scale(0.3473);
    }

    to {
        transform: translate(71.97875vw, 100vh) scale(0.3473);
    }
}

.snow:nth-child(30) {
    opacity: 0.9412;
    transform: translate(82.26vw, -10px) scale(0.2687);
    animation: fall-30 18s -12s linear infinite;
}

@keyframes fall-30 {
    55.878% {
        transform: translate(79.0392vw, 55.878vh) scale(0.2687);
    }

    to {
        transform: translate(80.6496vw, 100vh) scale(0.2687);
    }
}

.snow:nth-child(31) {
    opacity: 0.8804;
    transform: translate(5.2176vw, -10px) scale(0.463);
    animation: fall-31 12s -3s linear infinite;
}

@keyframes fall-31 {
    42.621% {
        transform: translate(4.7209vw, 42.621vh) scale(0.463);
    }

    to {
        transform: translate(4.96925vw, 100vh) scale(0.463);
    }
}

.snow:nth-child(32) {
    opacity: 0.9419;
    transform: translate(52.0954vw, -10px) scale(0.8666);
    animation: fall-32 29s -27s linear infinite;
}

@keyframes fall-32 {
    56.324% {
        transform: translate(47.9221vw, 56.324vh) scale(0.8666);
    }

    to {
        transform: translate(50.00875vw, 100vh) scale(0.8666);
    }
}

.snow:nth-child(33) {
    opacity: 0.6232;
    transform: translate(71.7512vw, -10px) scale(0.0006);
    animation: fall-33 27s -20s linear infinite;
}

@keyframes fall-33 {
    66.866% {
        transform: translate(68.4491vw, 66.866vh) scale(0.0006);
    }

    to {
        transform: translate(70.10015vw, 100vh) scale(0.0006);
    }
}

.snow:nth-child(34) {
    opacity: 0.0295;
    transform: translate(38.2185vw, -10px) scale(0.7545);
    animation: fall-34 12s -9s linear infinite;
}

@keyframes fall-34 {
    36.407% {
        transform: translate(44.5445vw, 36.407vh) scale(0.7545);
    }

    to {
        transform: translate(41.3815vw, 100vh) scale(0.7545);
    }
}

.snow:nth-child(35) {
    opacity: 0.912;
    transform: translate(19.0318vw, -10px) scale(0.8718);
    animation: fall-35 28s -5s linear infinite;
}

@keyframes fall-35 {
    79.782% {
        transform: translate(21.0879vw, 79.782vh) scale(0.8718);
    }

    to {
        transform: translate(20.05985vw, 100vh) scale(0.8718);
    }
}

.snow:nth-child(36) {
    opacity: 0.3933;
    transform: translate(6.9594vw, -10px) scale(0.5368);
    animation: fall-36 23s -30s linear infinite;
}

@keyframes fall-36 {
    42.432% {
        transform: translate(9.5833vw, 42.432vh) scale(0.5368);
    }

    to {
        transform: translate(8.27135vw, 100vh) scale(0.5368);
    }
}

.snow:nth-child(37) {
    opacity: 0.0599;
    transform: translate(97.2588vw, -10px) scale(0.5029);
    animation: fall-37 30s -5s linear infinite;
}

@keyframes fall-37 {
    38.564% {
        transform: translate(99.6457vw, 38.564vh) scale(0.5029);
    }

    to {
        transform: translate(98.45225vw, 100vh) scale(0.5029);
    }
}

.snow:nth-child(38) {
    opacity: 0.7889;
    transform: translate(23.2553vw, -10px) scale(0.1457);
    animation: fall-38 27s -25s linear infinite;
}

@keyframes fall-38 {
    72.896% {
        transform: translate(21.9039vw, 72.896vh) scale(0.1457);
    }

    to {
        transform: translate(22.5796vw, 100vh) scale(0.1457);
    }
}

.snow:nth-child(39) {
    opacity: 0.2677;
    transform: translate(40.5513vw, -10px) scale(0.444);
    animation: fall-39 29s -25s linear infinite;
}

@keyframes fall-39 {
    54.813% {
        transform: translate(44.7477vw, 54.813vh) scale(0.444);
    }

    to {
        transform: translate(42.6495vw, 100vh) scale(0.444);
    }
}

.snow:nth-child(40) {
    opacity: 0.4513;
    transform: translate(92.6112vw, -10px) scale(0.3898);
    animation: fall-40 17s -18s linear infinite;
}

@keyframes fall-40 {
    47.854% {
        transform: translate(94.2371vw, 47.854vh) scale(0.3898);
    }

    to {
        transform: translate(93.42415vw, 100vh) scale(0.3898);
    }
}

.snow:nth-child(41) {
    opacity: 0.6373;
    transform: translate(8.0242vw, -10px) scale(0.5028);
    animation: fall-41 14s -26s linear infinite;
}

@keyframes fall-41 {
    56.121% {
        transform: translate(11.7899vw, 56.121vh) scale(0.5028);
    }

    to {
        transform: translate(9.90705vw, 100vh) scale(0.5028);
    }
}

.snow:nth-child(42) {
    opacity: 0.7974;
    transform: translate(30.7102vw, -10px) scale(0.6883);
    animation: fall-42 17s -11s linear infinite;
}

@keyframes fall-42 {
    57.672% {
        transform: translate(23.5886vw, 57.672vh) scale(0.6883);
    }

    to {
        transform: translate(27.1494vw, 100vh) scale(0.6883);
    }
}

.snow:nth-child(43) {
    opacity: 0.3487;
    transform: translate(64.8601vw, -10px) scale(0.3127);
    animation: fall-43 30s -2s linear infinite;
}

@keyframes fall-43 {
    43.873% {
        transform: translate(56.679vw, 43.873vh) scale(0.3127);
    }

    to {
        transform: translate(60.76955vw, 100vh) scale(0.3127);
    }
}

.snow:nth-child(44) {
    opacity: 0.9133;
    transform: translate(41.8795vw, -10px) scale(0.8897);
    animation: fall-44 17s -28s linear infinite;
}

@keyframes fall-44 {
    47.105% {
        transform: translate(42.309vw, 47.105vh) scale(0.8897);
    }

    to {
        transform: translate(42.09425vw, 100vh) scale(0.8897);
    }
}

.snow:nth-child(45) {
    opacity: 0.9549;
    transform: translate(5.2066vw, -10px) scale(0.2885);
    animation: fall-45 29s -16s linear infinite;
}

@keyframes fall-45 {
    47.916% {
        transform: translate(-0.741vw, 47.916vh) scale(0.2885);
    }

    to {
        transform: translate(2.2328vw, 100vh) scale(0.2885);
    }
}

.snow:nth-child(46) {
    opacity: 0.1895;
    transform: translate(66.2476vw, -10px) scale(0.6564);
    animation: fall-46 16s -3s linear infinite;
}

@keyframes fall-46 {
    42.369% {
        transform: translate(57.8258vw, 42.369vh) scale(0.6564);
    }

    to {
        transform: translate(62.0367vw, 100vh) scale(0.6564);
    }
}

.snow:nth-child(47) {
    opacity: 0.865;
    transform: translate(17.7234vw, -10px) scale(0.5238);
    animation: fall-47 17s -9s linear infinite;
}

@keyframes fall-47 {
    79.57% {
        transform: translate(16.0751vw, 79.57vh) scale(0.5238);
    }

    to {
        transform: translate(16.89925vw, 100vh) scale(0.5238);
    }
}

.snow:nth-child(48) {
    opacity: 0.4394;
    transform: translate(0.8054vw, -10px) scale(0.2162);
    animation: fall-48 30s -30s linear infinite;
}

@keyframes fall-48 {
    30.011% {
        transform: translate(8.9291vw, 30.011vh) scale(0.2162);
    }

    to {
        transform: translate(4.86725vw, 100vh) scale(0.2162);
    }
}

.snow:nth-child(49) {
    opacity: 0.621;
    transform: translate(52.9587vw, -10px) scale(0.1181);
    animation: fall-49 14s -9s linear infinite;
}

@keyframes fall-49 {
    44.978% {
        transform: translate(55.3849vw, 44.978vh) scale(0.1181);
    }

    to {
        transform: translate(54.1718vw, 100vh) scale(0.1181);
    }
}

.snow:nth-child(50) {
    opacity: 0.4914;
    transform: translate(9.7232vw, -10px) scale(0.085);
    animation: fall-50 17s -28s linear infinite;
}

@keyframes fall-50 {
    61.534% {
        transform: translate(7.2921vw, 61.534vh) scale(0.085);
    }

    to {
        transform: translate(8.50765vw, 100vh) scale(0.085);
    }
}

.snow:nth-child(51) {
    opacity: 0.7477;
    transform: translate(57.3738vw, -10px) scale(0.8399);
    animation: fall-51 10s -27s linear infinite;
}

@keyframes fall-51 {
    47.309% {
        transform: translate(51.7186vw, 47.309vh) scale(0.8399);
    }

    to {
        transform: translate(54.5462vw, 100vh) scale(0.8399);
    }
}

.snow:nth-child(52) {
    opacity: 0.4767;
    transform: translate(88.146vw, -10px) scale(0.2663);
    animation: fall-52 21s -17s linear infinite;
}

@keyframes fall-52 {
    73.15% {
        transform: translate(78.7672vw, 73.15vh) scale(0.2663);
    }

    to {
        transform: translate(83.4566vw, 100vh) scale(0.2663);
    }
}

.snow:nth-child(53) {
    opacity: 0.1222;
    transform: translate(95.3047vw, -10px) scale(0.7366);
    animation: fall-53 19s -22s linear infinite;
}

@keyframes fall-53 {
    36.543% {
        transform: translate(100.6503vw, 36.543vh) scale(0.7366);
    }

    to {
        transform: translate(97.9775vw, 100vh) scale(0.7366);
    }
}

.snow:nth-child(54) {
    opacity: 0.2193;
    transform: translate(18.7854vw, -10px) scale(0.8197);
    animation: fall-54 26s -12s linear infinite;
}

@keyframes fall-54 {
    36.009% {
        transform: translate(23.8635vw, 36.009vh) scale(0.8197);
    }

    to {
        transform: translate(21.32445vw, 100vh) scale(0.8197);
    }
}

.snow:nth-child(55) {
    opacity: 0.7149;
    transform: translate(8.4564vw, -10px) scale(0.4349);
    animation: fall-55 29s -4s linear infinite;
}

@keyframes fall-55 {
    39.022% {
        transform: translate(6.3937vw, 39.022vh) scale(0.4349);
    }

    to {
        transform: translate(7.42505vw, 100vh) scale(0.4349);
    }
}

.snow:nth-child(56) {
    opacity: 0.8388;
    transform: translate(42.1563vw, -10px) scale(0.2187);
    animation: fall-56 14s -14s linear infinite;
}

@keyframes fall-56 {
    67.048% {
        transform: translate(50.0437vw, 67.048vh) scale(0.2187);
    }

    to {
        transform: translate(46.1vw, 100vh) scale(0.2187);
    }
}

.snow:nth-child(57) {
    opacity: 0.6126;
    transform: translate(73.8923vw, -10px) scale(0.9501);
    animation: fall-57 26s -17s linear infinite;
}

@keyframes fall-57 {
    43.678% {
        transform: translate(77.2672vw, 43.678vh) scale(0.9501);
    }

    to {
        transform: translate(75.57975vw, 100vh) scale(0.9501);
    }
}

.snow:nth-child(58) {
    opacity: 0.6646;
    transform: translate(97.157vw, -10px) scale(0.4664);
    animation: fall-58 21s -17s linear infinite;
}

@keyframes fall-58 {
    53.759% {
        transform: translate(96.5895vw, 53.759vh) scale(0.4664);
    }

    to {
        transform: translate(96.87325vw, 100vh) scale(0.4664);
    }
}

.snow:nth-child(59) {
    opacity: 0.3932;
    transform: translate(77.441vw, -10px) scale(0.9268);
    animation: fall-59 22s -11s linear infinite;
}

@keyframes fall-59 {
    52.736% {
        transform: translate(82.2984vw, 52.736vh) scale(0.9268);
    }

    to {
        transform: translate(79.8697vw, 100vh) scale(0.9268);
    }
}

.snow:nth-child(60) {
    opacity: 0.3201;
    transform: translate(8.2657vw, -10px) scale(0.1878);
    animation: fall-60 10s -28s linear infinite;
}

@keyframes fall-60 {
    48.167% {
        transform: translate(7.946vw, 48.167vh) scale(0.1878);
    }

    to {
        transform: translate(8.10585vw, 100vh) scale(0.1878);
    }
}

.snow:nth-child(61) {
    opacity: 0.5656;
    transform: translate(63.9453vw, -10px) scale(0.5739);
    animation: fall-61 15s -11s linear infinite;
}

@keyframes fall-61 {
    52.888% {
        transform: translate(55.0771vw, 52.888vh) scale(0.5739);
    }

    to {
        transform: translate(59.5112vw, 100vh) scale(0.5739);
    }
}

.snow:nth-child(62) {
    opacity: 0.057;
    transform: translate(69.7187vw, -10px) scale(0.8956);
    animation: fall-62 26s -27s linear infinite;
}

@keyframes fall-62 {
    36.714% {
        transform: translate(61.6486vw, 36.714vh) scale(0.8956);
    }

    to {
        transform: translate(65.68365vw, 100vh) scale(0.8956);
    }
}

.snow:nth-child(63) {
    opacity: 0.8918;
    transform: translate(64.6138vw, -10px) scale(0.8784);
    animation: fall-63 28s -25s linear infinite;
}

@keyframes fall-63 {
    47.06% {
        transform: translate(72.0587vw, 47.06vh) scale(0.8784);
    }

    to {
        transform: translate(68.33625vw, 100vh) scale(0.8784);
    }
}

.snow:nth-child(64) {
    opacity: 0.4553;
    transform: translate(63.8336vw, -10px) scale(0.5249);
    animation: fall-64 14s -14s linear infinite;
}

@keyframes fall-64 {
    59.672% {
        transform: translate(68.1114vw, 59.672vh) scale(0.5249);
    }

    to {
        transform: translate(65.9725vw, 100vh) scale(0.5249);
    }
}

.snow:nth-child(65) {
    opacity: 0.6886;
    transform: translate(31.6698vw, -10px) scale(0.5519);
    animation: fall-65 14s -28s linear infinite;
}

@keyframes fall-65 {
    34.103% {
        transform: translate(32.4447vw, 34.103vh) scale(0.5519);
    }

    to {
        transform: translate(32.05725vw, 100vh) scale(0.5519);
    }
}

.snow:nth-child(66) {
    opacity: 0.6878;
    transform: translate(76.9229vw, -10px) scale(0.2514);
    animation: fall-66 10s -20s linear infinite;
}

@keyframes fall-66 {
    67.119% {
        transform: translate(75.8058vw, 67.119vh) scale(0.2514);
    }

    to {
        transform: translate(76.36435vw, 100vh) scale(0.2514);
    }
}

.snow:nth-child(67) {
    opacity: 0.4912;
    transform: translate(67.703vw, -10px) scale(0.6256);
    animation: fall-67 19s -7s linear infinite;
}

@keyframes fall-67 {
    50.239% {
        transform: translate(60.3192vw, 50.239vh) scale(0.6256);
    }

    to {
        transform: translate(64.0111vw, 100vh) scale(0.6256);
    }
}

.snow:nth-child(68) {
    opacity: 0.1931;
    transform: translate(48.8968vw, -10px) scale(0.5859);
    animation: fall-68 19s -17s linear infinite;
}

@keyframes fall-68 {
    60.145% {
        transform: translate(57.7645vw, 60.145vh) scale(0.5859);
    }

    to {
        transform: translate(53.33065vw, 100vh) scale(0.5859);
    }
}

.snow:nth-child(69) {
    opacity: 0.6249;
    transform: translate(12.2709vw, -10px) scale(0.3455);
    animation: fall-69 17s -9s linear infinite;
}

@keyframes fall-69 {
    60.385% {
        transform: translate(5.0046vw, 60.385vh) scale(0.3455);
    }

    to {
        transform: translate(8.63775vw, 100vh) scale(0.3455);
    }
}

.snow:nth-child(70) {
    opacity: 0.9249;
    transform: translate(22.5391vw, -10px) scale(0.9124);
    animation: fall-70 26s -20s linear infinite;
}

@keyframes fall-70 {
    66.837% {
        transform: translate(14.6459vw, 66.837vh) scale(0.9124);
    }

    to {
        transform: translate(18.5925vw, 100vh) scale(0.9124);
    }
}

.snow:nth-child(71) {
    opacity: 0.0148;
    transform: translate(98.8376vw, -10px) scale(0.4396);
    animation: fall-71 12s -15s linear infinite;
}

@keyframes fall-71 {
    46.548% {
        transform: translate(101.3937vw, 46.548vh) scale(0.4396);
    }

    to {
        transform: translate(100.11565vw, 100vh) scale(0.4396);
    }
}

.snow:nth-child(72) {
    opacity: 0.4263;
    transform: translate(15.0481vw, -10px) scale(0.6908);
    animation: fall-72 30s -17s linear infinite;
}

@keyframes fall-72 {
    54.128% {
        transform: translate(18.6374vw, 54.128vh) scale(0.6908);
    }

    to {
        transform: translate(16.84275vw, 100vh) scale(0.6908);
    }
}

.snow:nth-child(73) {
    opacity: 0.3586;
    transform: translate(43.0112vw, -10px) scale(0.1151);
    animation: fall-73 17s -4s linear infinite;
}

@keyframes fall-73 {
    72.039% {
        transform: translate(45.5372vw, 72.039vh) scale(0.1151);
    }

    to {
        transform: translate(44.2742vw, 100vh) scale(0.1151);
    }
}

.snow:nth-child(74) {
    opacity: 0.9198;
    transform: translate(74.7919vw, -10px) scale(0.7675);
    animation: fall-74 15s -11s linear infinite;
}

@keyframes fall-74 {
    34.584% {
        transform: translate(71.0701vw, 34.584vh) scale(0.7675);
    }

    to {
        transform: translate(72.931vw, 100vh) scale(0.7675);
    }
}

.snow:nth-child(75) {
    opacity: 0.2644;
    transform: translate(56.759vw, -10px) scale(0.9904);
    animation: fall-75 12s -21s linear infinite;
}

@keyframes fall-75 {
    78.013% {
        transform: translate(49.1737vw, 78.013vh) scale(0.9904);
    }

    to {
        transform: translate(52.96635vw, 100vh) scale(0.9904);
    }
}

.snow:nth-child(76) {
    opacity: 0.6528;
    transform: translate(74.6028vw, -10px) scale(0.0419);
    animation: fall-76 23s -25s linear infinite;
}

@keyframes fall-76 {
    63.591% {
        transform: translate(83.1269vw, 63.591vh) scale(0.0419);
    }

    to {
        transform: translate(78.86485vw, 100vh) scale(0.0419);
    }
}

.snow:nth-child(77) {
    opacity: 0.6867;
    transform: translate(91.1534vw, -10px) scale(1);
    animation: fall-77 22s -30s linear infinite;
}

@keyframes fall-77 {
    72.678% {
        transform: translate(87.0827vw, 72.678vh) scale(1);
    }

    to {
        transform: translate(89.11805vw, 100vh) scale(1);
    }
}

.snow:nth-child(78) {
    opacity: 0.0202;
    transform: translate(10.7801vw, -10px) scale(0.4384);
    animation: fall-78 14s -13s linear infinite;
}

@keyframes fall-78 {
    67.62% {
        transform: translate(13.4403vw, 67.62vh) scale(0.4384);
    }

    to {
        transform: translate(12.1102vw, 100vh) scale(0.4384);
    }
}

.snow:nth-child(79) {
    opacity: 0.8289;
    transform: translate(64.5512vw, -10px) scale(0.8193);
    animation: fall-79 12s -8s linear infinite;
}

@keyframes fall-79 {
    31.736% {
        transform: translate(69.5734vw, 31.736vh) scale(0.8193);
    }

    to {
        transform: translate(67.0623vw, 100vh) scale(0.8193);
    }
}

.snow:nth-child(80) {
    opacity: 0.5705;
    transform: translate(93.7502vw, -10px) scale(0.0793);
    animation: fall-80 24s -26s linear infinite;
}

@keyframes fall-80 {
    57.112% {
        transform: translate(86.5175vw, 57.112vh) scale(0.0793);
    }

    to {
        transform: translate(90.13385vw, 100vh) scale(0.0793);
    }
}

.snow:nth-child(81) {
    opacity: 0.1877;
    transform: translate(92.5556vw, -10px) scale(0.6616);
    animation: fall-81 21s -18s linear infinite;
}

@keyframes fall-81 {
    69.6% {
        transform: translate(99.0395vw, 69.6vh) scale(0.6616);
    }

    to {
        transform: translate(95.79755vw, 100vh) scale(0.6616);
    }
}

.snow:nth-child(82) {
    opacity: 0.702;
    transform: translate(39.4705vw, -10px) scale(0.3545);
    animation: fall-82 13s -21s linear infinite;
}

@keyframes fall-82 {
    55.181% {
        transform: translate(44.9873vw, 55.181vh) scale(0.3545);
    }

    to {
        transform: translate(42.2289vw, 100vh) scale(0.3545);
    }
}

.snow:nth-child(83) {
    opacity: 0.6941;
    transform: translate(41.0878vw, -10px) scale(0.3177);
    animation: fall-83 22s -22s linear infinite;
}

@keyframes fall-83 {
    75.597% {
        transform: translate(41.5966vw, 75.597vh) scale(0.3177);
    }

    to {
        transform: translate(41.3422vw, 100vh) scale(0.3177);
    }
}

.snow:nth-child(84) {
    opacity: 0.9712;
    transform: translate(98.359vw, -10px) scale(0.1589);
    animation: fall-84 20s -27s linear infinite;
}

@keyframes fall-84 {
    70.55% {
        transform: translate(98.4544vw, 70.55vh) scale(0.1589);
    }

    to {
        transform: translate(98.4067vw, 100vh) scale(0.1589);
    }
}

.snow:nth-child(85) {
    opacity: 0.9511;
    transform: translate(46.9412vw, -10px) scale(0.5198);
    animation: fall-85 17s -21s linear infinite;
}

@keyframes fall-85 {
    64.223% {
        transform: translate(43.6213vw, 64.223vh) scale(0.5198);
    }

    to {
        transform: translate(45.28125vw, 100vh) scale(0.5198);
    }
}

.snow:nth-child(86) {
    opacity: 0.5672;
    transform: translate(76.7643vw, -10px) scale(0.6403);
    animation: fall-86 17s -22s linear infinite;
}

@keyframes fall-86 {
    74.173% {
        transform: translate(81.4082vw, 74.173vh) scale(0.6403);
    }

    to {
        transform: translate(79.08625vw, 100vh) scale(0.6403);
    }
}

.snow:nth-child(87) {
    opacity: 0.3172;
    transform: translate(85.9016vw, -10px) scale(0.0719);
    animation: fall-87 10s -19s linear infinite;
}

@keyframes fall-87 {
    48.118% {
        transform: translate(88.6208vw, 48.118vh) scale(0.0719);
    }

    to {
        transform: translate(87.2612vw, 100vh) scale(0.0719);
    }
}

.snow:nth-child(88) {
    opacity: 0.5505;
    transform: translate(58.2969vw, -10px) scale(0.6145);
    animation: fall-88 27s -28s linear infinite;
}

@keyframes fall-88 {
    31.698% {
        transform: translate(62.9088vw, 31.698vh) scale(0.6145);
    }

    to {
        transform: translate(60.60285vw, 100vh) scale(0.6145);
    }
}

.snow:nth-child(89) {
    opacity: 0.4279;
    transform: translate(39.3383vw, -10px) scale(0.9547);
    animation: fall-89 14s -20s linear infinite;
}

@keyframes fall-89 {
    40.798% {
        transform: translate(34.9412vw, 40.798vh) scale(0.9547);
    }

    to {
        transform: translate(37.13975vw, 100vh) scale(0.9547);
    }
}

.snow:nth-child(90) {
    opacity: 0.9463;
    transform: translate(96.9043vw, -10px) scale(0.838);
    animation: fall-90 28s -8s linear infinite;
}

@keyframes fall-90 {
    39.69% {
        transform: translate(94.6071vw, 39.69vh) scale(0.838);
    }

    to {
        transform: translate(95.7557vw, 100vh) scale(0.838);
    }
}

.snow:nth-child(91) {
    opacity: 0.3058;
    transform: translate(83.9717vw, -10px) scale(0.2315);
    animation: fall-91 16s -3s linear infinite;
}

@keyframes fall-91 {
    38.907% {
        transform: translate(90.5778vw, 38.907vh) scale(0.2315);
    }

    to {
        transform: translate(87.27475vw, 100vh) scale(0.2315);
    }
}

.snow:nth-child(92) {
    opacity: 0.1855;
    transform: translate(96.1561vw, -10px) scale(0.987);
    animation: fall-92 11s -26s linear infinite;
}

@keyframes fall-92 {
    73.153% {
        transform: translate(87.6798vw, 73.153vh) scale(0.987);
    }

    to {
        transform: translate(91.91795vw, 100vh) scale(0.987);
    }
}

.snow:nth-child(93) {
    opacity: 0.5008;
    transform: translate(79.7345vw, -10px) scale(0.0361);
    animation: fall-93 22s -13s linear infinite;
}

@keyframes fall-93 {
    37.921% {
        transform: translate(76.0891vw, 37.921vh) scale(0.0361);
    }

    to {
        transform: translate(77.9118vw, 100vh) scale(0.0361);
    }
}

.snow:nth-child(94) {
    opacity: 0.0585;
    transform: translate(28.8242vw, -10px) scale(0.7715);
    animation: fall-94 21s -30s linear infinite;
}

@keyframes fall-94 {
    69.747% {
        transform: translate(37.7893vw, 69.747vh) scale(0.7715);
    }

    to {
        transform: translate(33.30675vw, 100vh) scale(0.7715);
    }
}

.snow:nth-child(95) {
    opacity: 0.3696;
    transform: translate(22.2234vw, -10px) scale(0.4809);
    animation: fall-95 13s -3s linear infinite;
}

@keyframes fall-95 {
    48.17% {
        transform: translate(15.7225vw, 48.17vh) scale(0.4809);
    }

    to {
        transform: translate(18.97295vw, 100vh) scale(0.4809);
    }
}

.snow:nth-child(96) {
    opacity: 0.4797;
    transform: translate(52.1184vw, -10px) scale(0.5985);
    animation: fall-96 14s -22s linear infinite;
}

@keyframes fall-96 {
    45.503% {
        transform: translate(54.5375vw, 45.503vh) scale(0.5985);
    }

    to {
        transform: translate(53.32795vw, 100vh) scale(0.5985);
    }
}

.snow:nth-child(97) {
    opacity: 0.8683;
    transform: translate(41.9275vw, -10px) scale(0.9805);
    animation: fall-97 27s -29s linear infinite;
}

@keyframes fall-97 {
    47.783% {
        transform: translate(36.9768vw, 47.783vh) scale(0.9805);
    }

    to {
        transform: translate(39.45215vw, 100vh) scale(0.9805);
    }
}

.snow:nth-child(98) {
    opacity: 0.9092;
    transform: translate(36.2398vw, -10px) scale(0.4599);
    animation: fall-98 22s -16s linear infinite;
}

@keyframes fall-98 {
    51.122% {
        transform: translate(34.0562vw, 51.122vh) scale(0.4599);
    }

    to {
        transform: translate(35.148vw, 100vh) scale(0.4599);
    }
}

.snow:nth-child(99) {
    opacity: 0.7835;
    transform: translate(59.2472vw, -10px) scale(0.089);
    animation: fall-99 16s -21s linear infinite;
}

@keyframes fall-99 {
    77.03% {
        transform: translate(57.5031vw, 77.03vh) scale(0.089);
    }

    to {
        transform: translate(58.37515vw, 100vh) scale(0.089);
    }
}

.snow:nth-child(100) {
    opacity: 0.2521;
    transform: translate(18.9849vw, -10px) scale(0.0175);
    animation: fall-100 18s -4s linear infinite;
}

@keyframes fall-100 {
    51.915% {
        transform: translate(20.1332vw, 51.915vh) scale(0.0175);
    }

    to {
        transform: translate(19.55905vw, 100vh) scale(0.0175);
    }
}

.snow:nth-child(101) {
    opacity: 0.2916;
    transform: translate(80.7632vw, -10px) scale(0.0456);
    animation: fall-101 13s -6s linear infinite;
}

@keyframes fall-101 {
    56.602% {
        transform: translate(84.0113vw, 56.602vh) scale(0.0456);
    }

    to {
        transform: translate(82.38725vw, 100vh) scale(0.0456);
    }
}

.snow:nth-child(102) {
    opacity: 0.7414;
    transform: translate(10.1982vw, -10px) scale(0.1097);
    animation: fall-102 10s -6s linear infinite;
}

@keyframes fall-102 {
    32.282% {
        transform: translate(14.4369vw, 32.282vh) scale(0.1097);
    }

    to {
        transform: translate(12.31755vw, 100vh) scale(0.1097);
    }
}

.snow:nth-child(103) {
    opacity: 0.6899;
    transform: translate(7.9809vw, -10px) scale(0.0867);
    animation: fall-103 14s -6s linear infinite;
}

@keyframes fall-103 {
    67.363% {
        transform: translate(16.0766vw, 67.363vh) scale(0.0867);
    }

    to {
        transform: translate(12.02875vw, 100vh) scale(0.0867);
    }
}

.snow:nth-child(104) {
    opacity: 0.3158;
    transform: translate(99.7611vw, -10px) scale(0.2582);
    animation: fall-104 19s -23s linear infinite;
}

@keyframes fall-104 {
    72.263% {
        transform: translate(108.6613vw, 72.263vh) scale(0.2582);
    }

    to {
        transform: translate(104.2112vw, 100vh) scale(0.2582);
    }
}

.snow:nth-child(105) {
    opacity: 0.7217;
    transform: translate(55.7748vw, -10px) scale(0.6592);
    animation: fall-105 11s -1s linear infinite;
}

@keyframes fall-105 {
    45.9% {
        transform: translate(49.0028vw, 45.9vh) scale(0.6592);
    }

    to {
        transform: translate(52.3888vw, 100vh) scale(0.6592);
    }
}

.snow:nth-child(106) {
    opacity: 0.4768;
    transform: translate(57.2979vw, -10px) scale(0.2911);
    animation: fall-106 15s -2s linear infinite;
}

@keyframes fall-106 {
    32.018% {
        transform: translate(55.0952vw, 32.018vh) scale(0.2911);
    }

    to {
        transform: translate(56.19655vw, 100vh) scale(0.2911);
    }
}

.snow:nth-child(107) {
    opacity: 0.8525;
    transform: translate(76.9465vw, -10px) scale(0.4894);
    animation: fall-107 29s -7s linear infinite;
}

@keyframes fall-107 {
    61.577% {
        transform: translate(71.9133vw, 61.577vh) scale(0.4894);
    }

    to {
        transform: translate(74.4299vw, 100vh) scale(0.4894);
    }
}

.snow:nth-child(108) {
    opacity: 0.9833;
    transform: translate(19.5989vw, -10px) scale(0.6988);
    animation: fall-108 24s -15s linear infinite;
}

@keyframes fall-108 {
    58.968% {
        transform: translate(17.4313vw, 58.968vh) scale(0.6988);
    }

    to {
        transform: translate(18.5151vw, 100vh) scale(0.6988);
    }
}

.snow:nth-child(109) {
    opacity: 0.0588;
    transform: translate(91.5655vw, -10px) scale(0.3017);
    animation: fall-109 12s -6s linear infinite;
}

@keyframes fall-109 {
    67.699% {
        transform: translate(88.0951vw, 67.699vh) scale(0.3017);
    }

    to {
        transform: translate(89.8303vw, 100vh) scale(0.3017);
    }
}

.snow:nth-child(110) {
    opacity: 0.0878;
    transform: translate(61.7275vw, -10px) scale(0.7292);
    animation: fall-110 23s -15s linear infinite;
}

@keyframes fall-110 {
    62.415% {
        transform: translate(68.3774vw, 62.415vh) scale(0.7292);
    }

    to {
        transform: translate(65.05245vw, 100vh) scale(0.7292);
    }
}

.snow:nth-child(111) {
    opacity: 0.7877;
    transform: translate(78.9695vw, -10px) scale(0.7594);
    animation: fall-111 26s -2s linear infinite;
}

@keyframes fall-111 {
    44.674% {
        transform: translate(70.5429vw, 44.674vh) scale(0.7594);
    }

    to {
        transform: translate(74.7562vw, 100vh) scale(0.7594);
    }
}

.snow:nth-child(112) {
    opacity: 0.4663;
    transform: translate(49.3893vw, -10px) scale(0.8177);
    animation: fall-112 16s -25s linear infinite;
}

@keyframes fall-112 {
    63.053% {
        transform: translate(50.0617vw, 63.053vh) scale(0.8177);
    }

    to {
        transform: translate(49.7255vw, 100vh) scale(0.8177);
    }
}

.snow:nth-child(113) {
    opacity: 0.3579;
    transform: translate(92.2669vw, -10px) scale(0.0382);
    animation: fall-113 17s -2s linear infinite;
}

@keyframes fall-113 {
    35.697% {
        transform: translate(95.2755vw, 35.697vh) scale(0.0382);
    }

    to {
        transform: translate(93.7712vw, 100vh) scale(0.0382);
    }
}

.snow:nth-child(114) {
    opacity: 0.0363;
    transform: translate(68.6048vw, -10px) scale(0.0747);
    animation: fall-114 29s -4s linear infinite;
}

@keyframes fall-114 {
    49.856% {
        transform: translate(69.8949vw, 49.856vh) scale(0.0747);
    }

    to {
        transform: translate(69.24985vw, 100vh) scale(0.0747);
    }
}

.snow:nth-child(115) {
    opacity: 0.5153;
    transform: translate(75.2697vw, -10px) scale(0.1168);
    animation: fall-115 12s -13s linear infinite;
}

@keyframes fall-115 {
    58.204% {
        transform: translate(75.1861vw, 58.204vh) scale(0.1168);
    }

    to {
        transform: translate(75.2279vw, 100vh) scale(0.1168);
    }
}

.snow:nth-child(116) {
    opacity: 0.712;
    transform: translate(11.2515vw, -10px) scale(0.2277);
    animation: fall-116 14s -12s linear infinite;
}

@keyframes fall-116 {
    58.772% {
        transform: translate(9.488vw, 58.772vh) scale(0.2277);
    }

    to {
        transform: translate(10.36975vw, 100vh) scale(0.2277);
    }
}

.snow:nth-child(117) {
    opacity: 0.6514;
    transform: translate(29.4338vw, -10px) scale(0.5461);
    animation: fall-117 19s -14s linear infinite;
}

@keyframes fall-117 {
    78.847% {
        transform: translate(25.7421vw, 78.847vh) scale(0.5461);
    }

    to {
        transform: translate(27.58795vw, 100vh) scale(0.5461);
    }
}

.snow:nth-child(118) {
    opacity: 0.1338;
    transform: translate(73.8757vw, -10px) scale(0.1712);
    animation: fall-118 14s -8s linear infinite;
}

@keyframes fall-118 {
    65.316% {
        transform: translate(69.6719vw, 65.316vh) scale(0.1712);
    }

    to {
        transform: translate(71.7738vw, 100vh) scale(0.1712);
    }
}

.snow:nth-child(119) {
    opacity: 0.7914;
    transform: translate(47.7072vw, -10px) scale(0.652);
    animation: fall-119 18s -29s linear infinite;
}

@keyframes fall-119 {
    31.68% {
        transform: translate(48.652vw, 31.68vh) scale(0.652);
    }

    to {
        transform: translate(48.1796vw, 100vh) scale(0.652);
    }
}

.snow:nth-child(120) {
    opacity: 0.6948;
    transform: translate(68.1887vw, -10px) scale(0.722);
    animation: fall-120 17s -7s linear infinite;
}

@keyframes fall-120 {
    36.694% {
        transform: translate(75.3188vw, 36.694vh) scale(0.722);
    }

    to {
        transform: translate(71.75375vw, 100vh) scale(0.722);
    }
}

.snow:nth-child(121) {
    opacity: 0.6766;
    transform: translate(74.7425vw, -10px) scale(0.5524);
    animation: fall-121 29s -22s linear infinite;
}

@keyframes fall-121 {
    51.234% {
        transform: translate(76.6022vw, 51.234vh) scale(0.5524);
    }

    to {
        transform: translate(75.67235vw, 100vh) scale(0.5524);
    }
}

.snow:nth-child(122) {
    opacity: 0.9358;
    transform: translate(52.7836vw, -10px) scale(0.7387);
    animation: fall-122 27s -2s linear infinite;
}

@keyframes fall-122 {
    66.305% {
        transform: translate(49.6564vw, 66.305vh) scale(0.7387);
    }

    to {
        transform: translate(51.22vw, 100vh) scale(0.7387);
    }
}

.snow:nth-child(123) {
    opacity: 0.0336;
    transform: translate(74.4228vw, -10px) scale(0.1244);
    animation: fall-123 24s -22s linear infinite;
}

@keyframes fall-123 {
    48.659% {
        transform: translate(73.3733vw, 48.659vh) scale(0.1244);
    }

    to {
        transform: translate(73.89805vw, 100vh) scale(0.1244);
    }
}

.snow:nth-child(124) {
    opacity: 0.8169;
    transform: translate(3.6407vw, -10px) scale(0.903);
    animation: fall-124 10s -8s linear infinite;
}

@keyframes fall-124 {
    67.234% {
        transform: translate(1.1225vw, 67.234vh) scale(0.903);
    }

    to {
        transform: translate(2.3816vw, 100vh) scale(0.903);
    }
}

.snow:nth-child(125) {
    opacity: 0.0496;
    transform: translate(6.6088vw, -10px) scale(0.5815);
    animation: fall-125 28s -9s linear infinite;
}

@keyframes fall-125 {
    30.177% {
        transform: translate(15.4841vw, 30.177vh) scale(0.5815);
    }

    to {
        transform: translate(11.04645vw, 100vh) scale(0.5815);
    }
}

.snow:nth-child(126) {
    opacity: 0.2912;
    transform: translate(66.6907vw, -10px) scale(0.7191);
    animation: fall-126 14s -15s linear infinite;
}

@keyframes fall-126 {
    67.505% {
        transform: translate(74.8704vw, 67.505vh) scale(0.7191);
    }

    to {
        transform: translate(70.78055vw, 100vh) scale(0.7191);
    }
}

.snow:nth-child(127) {
    opacity: 0.3772;
    transform: translate(21.6051vw, -10px) scale(0.3272);
    animation: fall-127 16s -16s linear infinite;
}

@keyframes fall-127 {
    41.243% {
        transform: translate(22.2094vw, 41.243vh) scale(0.3272);
    }

    to {
        transform: translate(21.90725vw, 100vh) scale(0.3272);
    }
}

.snow:nth-child(128) {
    opacity: 0.0659;
    transform: translate(69.6935vw, -10px) scale(0.0557);
    animation: fall-128 16s -18s linear infinite;
}

@keyframes fall-128 {
    50.988% {
        transform: translate(60.9133vw, 50.988vh) scale(0.0557);
    }

    to {
        transform: translate(65.3034vw, 100vh) scale(0.0557);
    }
}

.snow:nth-child(129) {
    opacity: 0.2471;
    transform: translate(39.0073vw, -10px) scale(0.0467);
    animation: fall-129 20s -6s linear infinite;
}

@keyframes fall-129 {
    62.305% {
        transform: translate(39.1288vw, 62.305vh) scale(0.0467);
    }

    to {
        transform: translate(39.06805vw, 100vh) scale(0.0467);
    }
}

.snow:nth-child(130) {
    opacity: 0.3797;
    transform: translate(96.0862vw, -10px) scale(0.6874);
    animation: fall-130 17s -17s linear infinite;
}

@keyframes fall-130 {
    71.002% {
        transform: translate(86.732vw, 71.002vh) scale(0.6874);
    }

    to {
        transform: translate(91.4091vw, 100vh) scale(0.6874);
    }
}

.snow:nth-child(131) {
    opacity: 0.4004;
    transform: translate(87.9445vw, -10px) scale(0.0008);
    animation: fall-131 30s -19s linear infinite;
}

@keyframes fall-131 {
    54.205% {
        transform: translate(81.6036vw, 54.205vh) scale(0.0008);
    }

    to {
        transform: translate(84.77405vw, 100vh) scale(0.0008);
    }
}

.snow:nth-child(132) {
    opacity: 0.8272;
    transform: translate(82.0019vw, -10px) scale(0.529);
    animation: fall-132 14s -7s linear infinite;
}

@keyframes fall-132 {
    44.523% {
        transform: translate(89.765vw, 44.523vh) scale(0.529);
    }

    to {
        transform: translate(85.88345vw, 100vh) scale(0.529);
    }
}

.snow:nth-child(133) {
    opacity: 0.8003;
    transform: translate(80.4134vw, -10px) scale(0.6229);
    animation: fall-133 21s -30s linear infinite;
}

@keyframes fall-133 {
    76% {
        transform: translate(89.2441vw, 76vh) scale(0.6229);
    }

    to {
        transform: translate(84.82875vw, 100vh) scale(0.6229);
    }
}

.snow:nth-child(134) {
    opacity: 0.0006;
    transform: translate(87.1142vw, -10px) scale(0.8656);
    animation: fall-134 14s -22s linear infinite;
}

@keyframes fall-134 {
    52.508% {
        transform: translate(86.0095vw, 52.508vh) scale(0.8656);
    }

    to {
        transform: translate(86.56185vw, 100vh) scale(0.8656);
    }
}

.snow:nth-child(135) {
    opacity: 0.9596;
    transform: translate(30.6051vw, -10px) scale(0.25);
    animation: fall-135 28s -9s linear infinite;
}

@keyframes fall-135 {
    46.15% {
        transform: translate(25.5711vw, 46.15vh) scale(0.25);
    }

    to {
        transform: translate(28.0881vw, 100vh) scale(0.25);
    }
}

.snow:nth-child(136) {
    opacity: 0.6518;
    transform: translate(20.3672vw, -10px) scale(0.9261);
    animation: fall-136 19s -7s linear infinite;
}

@keyframes fall-136 {
    52.054% {
        transform: translate(27.2267vw, 52.054vh) scale(0.9261);
    }

    to {
        transform: translate(23.79695vw, 100vh) scale(0.9261);
    }
}

.snow:nth-child(137) {
    opacity: 0.4371;
    transform: translate(34.7756vw, -10px) scale(0.7938);
    animation: fall-137 11s -23s linear infinite;
}

@keyframes fall-137 {
    67.827% {
        transform: translate(39.0033vw, 67.827vh) scale(0.7938);
    }

    to {
        transform: translate(36.88945vw, 100vh) scale(0.7938);
    }
}

.snow:nth-child(138) {
    opacity: 0.421;
    transform: translate(72.2263vw, -10px) scale(0.5948);
    animation: fall-138 17s -8s linear infinite;
}

@keyframes fall-138 {
    68.152% {
        transform: translate(68.2599vw, 68.152vh) scale(0.5948);
    }

    to {
        transform: translate(70.2431vw, 100vh) scale(0.5948);
    }
}

.snow:nth-child(139) {
    opacity: 0.229;
    transform: translate(94.2668vw, -10px) scale(0.8217);
    animation: fall-139 18s -17s linear infinite;
}

@keyframes fall-139 {
    69.411% {
        transform: translate(93.1503vw, 69.411vh) scale(0.8217);
    }

    to {
        transform: translate(93.70855vw, 100vh) scale(0.8217);
    }
}

.snow:nth-child(140) {
    opacity: 0.2391;
    transform: translate(5.6591vw, -10px) scale(0.3662);
    animation: fall-140 14s -12s linear infinite;
}

@keyframes fall-140 {
    50.113% {
        transform: translate(12.2752vw, 50.113vh) scale(0.3662);
    }

    to {
        transform: translate(8.96715vw, 100vh) scale(0.3662);
    }
}

.snow:nth-child(141) {
    opacity: 0.5962;
    transform: translate(0.5261vw, -10px) scale(0.1729);
    animation: fall-141 16s -21s linear infinite;
}

@keyframes fall-141 {
    65.663% {
        transform: translate(9.0117vw, 65.663vh) scale(0.1729);
    }

    to {
        transform: translate(4.7689vw, 100vh) scale(0.1729);
    }
}

.snow:nth-child(142) {
    opacity: 0.4862;
    transform: translate(90.9961vw, -10px) scale(0.9712);
    animation: fall-142 20s -13s linear infinite;
}

@keyframes fall-142 {
    39.639% {
        transform: translate(93.5783vw, 39.639vh) scale(0.9712);
    }

    to {
        transform: translate(92.2872vw, 100vh) scale(0.9712);
    }
}

.snow:nth-child(143) {
    opacity: 0.637;
    transform: translate(91.1619vw, -10px) scale(0.5906);
    animation: fall-143 23s -2s linear infinite;
}

@keyframes fall-143 {
    44.989% {
        transform: translate(100.4921vw, 44.989vh) scale(0.5906);
    }

    to {
        transform: translate(95.827vw, 100vh) scale(0.5906);
    }
}

.snow:nth-child(144) {
    opacity: 0.9959;
    transform: translate(74.8178vw, -10px) scale(0.5372);
    animation: fall-144 22s -23s linear infinite;
}

@keyframes fall-144 {
    49.095% {
        transform: translate(67.7672vw, 49.095vh) scale(0.5372);
    }

    to {
        transform: translate(71.2925vw, 100vh) scale(0.5372);
    }
}

.snow:nth-child(145) {
    opacity: 0.8984;
    transform: translate(3.7056vw, -10px) scale(0.5079);
    animation: fall-145 15s -19s linear infinite;
}

@keyframes fall-145 {
    73.656% {
        transform: translate(0.6919vw, 73.656vh) scale(0.5079);
    }

    to {
        transform: translate(2.19875vw, 100vh) scale(0.5079);
    }
}

.snow:nth-child(146) {
    opacity: 0.3047;
    transform: translate(82.8799vw, -10px) scale(0.1143);
    animation: fall-146 10s -20s linear infinite;
}

@keyframes fall-146 {
    30.666% {
        transform: translate(76.3248vw, 30.666vh) scale(0.1143);
    }

    to {
        transform: translate(79.60235vw, 100vh) scale(0.1143);
    }
}

.snow:nth-child(147) {
    opacity: 0.7929;
    transform: translate(35.9731vw, -10px) scale(0.1825);
    animation: fall-147 16s -3s linear infinite;
}

@keyframes fall-147 {
    76.467% {
        transform: translate(29.673vw, 76.467vh) scale(0.1825);
    }

    to {
        transform: translate(32.82305vw, 100vh) scale(0.1825);
    }
}

.snow:nth-child(148) {
    opacity: 0.1424;
    transform: translate(52.9371vw, -10px) scale(0.3671);
    animation: fall-148 19s -20s linear infinite;
}

@keyframes fall-148 {
    59.804% {
        transform: translate(46.6547vw, 59.804vh) scale(0.3671);
    }

    to {
        transform: translate(49.7959vw, 100vh) scale(0.3671);
    }
}

.snow:nth-child(149) {
    opacity: 0.3156;
    transform: translate(98.8757vw, -10px) scale(0.6605);
    animation: fall-149 29s -1s linear infinite;
}

@keyframes fall-149 {
    48.329% {
        transform: translate(94.2593vw, 48.329vh) scale(0.6605);
    }

    to {
        transform: translate(96.5675vw, 100vh) scale(0.6605);
    }
}

.snow:nth-child(150) {
    opacity: 0.9574;
    transform: translate(49.517vw, -10px) scale(0.9073);
    animation: fall-150 26s -13s linear infinite;
}

@keyframes fall-150 {
    43.548% {
        transform: translate(46.1682vw, 43.548vh) scale(0.9073);
    }

    to {
        transform: translate(47.8426vw, 100vh) scale(0.9073);
    }
}

.snow:nth-child(151) {
    opacity: 0.6609;
    transform: translate(30.8878vw, -10px) scale(0.8161);
    animation: fall-151 30s -20s linear infinite;
}

@keyframes fall-151 {
    53.573% {
        transform: translate(26.2633vw, 53.573vh) scale(0.8161);
    }

    to {
        transform: translate(28.57555vw, 100vh) scale(0.8161);
    }
}

.snow:nth-child(152) {
    opacity: 0.5782;
    transform: translate(89.5814vw, -10px) scale(0.7735);
    animation: fall-152 14s -6s linear infinite;
}

@keyframes fall-152 {
    49.857% {
        transform: translate(92.4913vw, 49.857vh) scale(0.7735);
    }

    to {
        transform: translate(91.03635vw, 100vh) scale(0.7735);
    }
}

.snow:nth-child(153) {
    opacity: 0.999;
    transform: translate(71.4233vw, -10px) scale(0.8247);
    animation: fall-153 28s -12s linear infinite;
}

@keyframes fall-153 {
    59.759% {
        transform: translate(74.4763vw, 59.759vh) scale(0.8247);
    }

    to {
        transform: translate(72.9498vw, 100vh) scale(0.8247);
    }
}

.snow:nth-child(154) {
    opacity: 0.9051;
    transform: translate(76.3706vw, -10px) scale(0.5079);
    animation: fall-154 10s -18s linear infinite;
}

@keyframes fall-154 {
    74.517% {
        transform: translate(79.0339vw, 74.517vh) scale(0.5079);
    }

    to {
        transform: translate(77.70225vw, 100vh) scale(0.5079);
    }
}

.snow:nth-child(155) {
    opacity: 0.2089;
    transform: translate(89.0928vw, -10px) scale(0.5562);
    animation: fall-155 21s -23s linear infinite;
}

@keyframes fall-155 {
    54.503% {
        transform: translate(83.2884vw, 54.503vh) scale(0.5562);
    }

    to {
        transform: translate(86.1906vw, 100vh) scale(0.5562);
    }
}

.snow:nth-child(156) {
    opacity: 0.3343;
    transform: translate(64.3318vw, -10px) scale(0.9543);
    animation: fall-156 27s -21s linear infinite;
}

@keyframes fall-156 {
    72.439% {
        transform: translate(64.0103vw, 72.439vh) scale(0.9543);
    }

    to {
        transform: translate(64.17105vw, 100vh) scale(0.9543);
    }
}

.snow:nth-child(157) {
    opacity: 0.1247;
    transform: translate(18.0473vw, -10px) scale(0.5544);
    animation: fall-157 18s -12s linear infinite;
}

@keyframes fall-157 {
    32.124% {
        transform: translate(26.9332vw, 32.124vh) scale(0.5544);
    }

    to {
        transform: translate(22.49025vw, 100vh) scale(0.5544);
    }
}

.snow:nth-child(158) {
    opacity: 0.8188;
    transform: translate(94.9278vw, -10px) scale(0.7646);
    animation: fall-158 13s -7s linear infinite;
}

@keyframes fall-158 {
    42.392% {
        transform: translate(97.5393vw, 42.392vh) scale(0.7646);
    }

    to {
        transform: translate(96.23355vw, 100vh) scale(0.7646);
    }
}

.snow:nth-child(159) {
    opacity: 0.2029;
    transform: translate(93.6255vw, -10px) scale(0.8686);
    animation: fall-159 29s -9s linear infinite;
}

@keyframes fall-159 {
    57.151% {
        transform: translate(95.902vw, 57.151vh) scale(0.8686);
    }

    to {
        transform: translate(94.76375vw, 100vh) scale(0.8686);
    }
}

.snow:nth-child(160) {
    opacity: 0.916;
    transform: translate(44.0666vw, -10px) scale(0.287);
    animation: fall-160 17s -21s linear infinite;
}

@keyframes fall-160 {
    66.822% {
        transform: translate(37.4637vw, 66.822vh) scale(0.287);
    }

    to {
        transform: translate(40.76515vw, 100vh) scale(0.287);
    }
}

.snow:nth-child(161) {
    opacity: 0.1445;
    transform: translate(81.8165vw, -10px) scale(0.3902);
    animation: fall-161 20s -17s linear infinite;
}

@keyframes fall-161 {
    72.767% {
        transform: translate(86.6332vw, 72.767vh) scale(0.3902);
    }

    to {
        transform: translate(84.22485vw, 100vh) scale(0.3902);
    }
}

.snow:nth-child(162) {
    opacity: 0.9167;
    transform: translate(56.0787vw, -10px) scale(0.4386);
    animation: fall-162 30s -17s linear infinite;
}

@keyframes fall-162 {
    42.641% {
        transform: translate(59.1954vw, 42.641vh) scale(0.4386);
    }

    to {
        transform: translate(57.63705vw, 100vh) scale(0.4386);
    }
}

.snow:nth-child(163) {
    opacity: 0.7612;
    transform: translate(4.3446vw, -10px) scale(0.5487);
    animation: fall-163 17s -9s linear infinite;
}

@keyframes fall-163 {
    61.519% {
        transform: translate(2.3291vw, 61.519vh) scale(0.5487);
    }

    to {
        transform: translate(3.33685vw, 100vh) scale(0.5487);
    }
}

.snow:nth-child(164) {
    opacity: 0.5013;
    transform: translate(22.1098vw, -10px) scale(0.425);
    animation: fall-164 27s -25s linear infinite;
}

@keyframes fall-164 {
    35.364% {
        transform: translate(27.3774vw, 35.364vh) scale(0.425);
    }

    to {
        transform: translate(24.7436vw, 100vh) scale(0.425);
    }
}

.snow:nth-child(165) {
    opacity: 0.0618;
    transform: translate(82.8227vw, -10px) scale(0.5708);
    animation: fall-165 21s -2s linear infinite;
}

@keyframes fall-165 {
    58.68% {
        transform: translate(86.6451vw, 58.68vh) scale(0.5708);
    }

    to {
        transform: translate(84.7339vw, 100vh) scale(0.5708);
    }
}

.snow:nth-child(166) {
    opacity: 0.3667;
    transform: translate(31.8867vw, -10px) scale(0.6198);
    animation: fall-166 30s -6s linear infinite;
}

@keyframes fall-166 {
    65.288% {
        transform: translate(33.4208vw, 65.288vh) scale(0.6198);
    }

    to {
        transform: translate(32.65375vw, 100vh) scale(0.6198);
    }
}

.snow:nth-child(167) {
    opacity: 0.0894;
    transform: translate(90.1908vw, -10px) scale(0.9379);
    animation: fall-167 20s -3s linear infinite;
}

@keyframes fall-167 {
    38.234% {
        transform: translate(96.616vw, 38.234vh) scale(0.9379);
    }

    to {
        transform: translate(93.4034vw, 100vh) scale(0.9379);
    }
}

.snow:nth-child(168) {
    opacity: 0.1741;
    transform: translate(24.1227vw, -10px) scale(0.2294);
    animation: fall-168 28s -15s linear infinite;
}

@keyframes fall-168 {
    41.433% {
        transform: translate(16.6522vw, 41.433vh) scale(0.2294);
    }

    to {
        transform: translate(20.38745vw, 100vh) scale(0.2294);
    }
}

.snow:nth-child(169) {
    opacity: 0.0605;
    transform: translate(40.1931vw, -10px) scale(0.4653);
    animation: fall-169 20s -30s linear infinite;
}

@keyframes fall-169 {
    30.624% {
        transform: translate(48.0348vw, 30.624vh) scale(0.4653);
    }

    to {
        transform: translate(44.11395vw, 100vh) scale(0.4653);
    }
}

.snow:nth-child(170) {
    opacity: 0.4898;
    transform: translate(56.4409vw, -10px) scale(0.1067);
    animation: fall-170 18s -23s linear infinite;
}

@keyframes fall-170 {
    43.434% {
        transform: translate(62.7836vw, 43.434vh) scale(0.1067);
    }

    to {
        transform: translate(59.61225vw, 100vh) scale(0.1067);
    }
}

.snow:nth-child(171) {
    opacity: 0.633;
    transform: translate(33.3035vw, -10px) scale(0.0243);
    animation: fall-171 22s -22s linear infinite;
}

@keyframes fall-171 {
    74.511% {
        transform: translate(24.2995vw, 74.511vh) scale(0.0243);
    }

    to {
        transform: translate(28.8015vw, 100vh) scale(0.0243);
    }
}

.snow:nth-child(172) {
    opacity: 0.5317;
    transform: translate(14.4967vw, -10px) scale(0.009);
    animation: fall-172 16s -21s linear infinite;
}

@keyframes fall-172 {
    44.264% {
        transform: translate(6.7243vw, 44.264vh) scale(0.009);
    }

    to {
        transform: translate(10.6105vw, 100vh) scale(0.009);
    }
}

.snow:nth-child(173) {
    opacity: 0.9925;
    transform: translate(8.6094vw, -10px) scale(0.6309);
    animation: fall-173 30s -5s linear infinite;
}

@keyframes fall-173 {
    44.731% {
        transform: translate(8.3013vw, 44.731vh) scale(0.6309);
    }

    to {
        transform: translate(8.45535vw, 100vh) scale(0.6309);
    }
}

.snow:nth-child(174) {
    opacity: 0.4688;
    transform: translate(6.2052vw, -10px) scale(0.3106);
    animation: fall-174 24s -13s linear infinite;
}

@keyframes fall-174 {
    35.548% {
        transform: translate(4.8085vw, 35.548vh) scale(0.3106);
    }

    to {
        transform: translate(5.50685vw, 100vh) scale(0.3106);
    }
}

.snow:nth-child(175) {
    opacity: 0.2372;
    transform: translate(32.5489vw, -10px) scale(0.2846);
    animation: fall-175 18s -24s linear infinite;
}

@keyframes fall-175 {
    42.297% {
        transform: translate(33.0853vw, 42.297vh) scale(0.2846);
    }

    to {
        transform: translate(32.8171vw, 100vh) scale(0.2846);
    }
}

.snow:nth-child(176) {
    opacity: 0.3563;
    transform: translate(84.4357vw, -10px) scale(0.1188);
    animation: fall-176 21s -26s linear infinite;
}

@keyframes fall-176 {
    58.557% {
        transform: translate(90.6058vw, 58.557vh) scale(0.1188);
    }

    to {
        transform: translate(87.52075vw, 100vh) scale(0.1188);
    }
}

.snow:nth-child(177) {
    opacity: 0.8506;
    transform: translate(18.9096vw, -10px) scale(0.051);
    animation: fall-177 11s -8s linear infinite;
}

@keyframes fall-177 {
    52.936% {
        transform: translate(23.0873vw, 52.936vh) scale(0.051);
    }

    to {
        transform: translate(20.99845vw, 100vh) scale(0.051);
    }
}

.snow:nth-child(178) {
    opacity: 0.0822;
    transform: translate(20.4803vw, -10px) scale(0.5037);
    animation: fall-178 30s -25s linear infinite;
}

@keyframes fall-178 {
    63.989% {
        transform: translate(28.8331vw, 63.989vh) scale(0.5037);
    }

    to {
        transform: translate(24.6567vw, 100vh) scale(0.5037);
    }
}

.snow:nth-child(179) {
    opacity: 0.1149;
    transform: translate(83.7552vw, -10px) scale(0.8853);
    animation: fall-179 24s -10s linear infinite;
}

@keyframes fall-179 {
    54.867% {
        transform: translate(78.962vw, 54.867vh) scale(0.8853);
    }

    to {
        transform: translate(81.3586vw, 100vh) scale(0.8853);
    }
}

.snow:nth-child(180) {
    opacity: 0.9568;
    transform: translate(41.8739vw, -10px) scale(0.778);
    animation: fall-180 15s -19s linear infinite;
}

@keyframes fall-180 {
    30.341% {
        transform: translate(41.4323vw, 30.341vh) scale(0.778);
    }

    to {
        transform: translate(41.6531vw, 100vh) scale(0.778);
    }
}

.snow:nth-child(181) {
    opacity: 0.2215;
    transform: translate(3.9932vw, -10px) scale(0.8744);
    animation: fall-181 12s -14s linear infinite;
}

@keyframes fall-181 {
    36.386% {
        transform: translate(12.1484vw, 36.386vh) scale(0.8744);
    }

    to {
        transform: translate(8.0708vw, 100vh) scale(0.8744);
    }
}

.snow:nth-child(182) {
    opacity: 0.239;
    transform: translate(91.2285vw, -10px) scale(0.7767);
    animation: fall-182 17s -5s linear infinite;
}

@keyframes fall-182 {
    63.381% {
        transform: translate(98.9186vw, 63.381vh) scale(0.7767);
    }

    to {
        transform: translate(95.07355vw, 100vh) scale(0.7767);
    }
}

.snow:nth-child(183) {
    opacity: 0.902;
    transform: translate(2.2146vw, -10px) scale(0.5142);
    animation: fall-183 20s -21s linear infinite;
}

@keyframes fall-183 {
    36.903% {
        transform: translate(11.7248vw, 36.903vh) scale(0.5142);
    }

    to {
        transform: translate(6.9697vw, 100vh) scale(0.5142);
    }
}

.snow:nth-child(184) {
    opacity: 0.2429;
    transform: translate(86.779vw, -10px) scale(0.7897);
    animation: fall-184 28s -19s linear infinite;
}

@keyframes fall-184 {
    30.431% {
        transform: translate(93.0129vw, 30.431vh) scale(0.7897);
    }

    to {
        transform: translate(89.89595vw, 100vh) scale(0.7897);
    }
}

.snow:nth-child(185) {
    opacity: 0.1443;
    transform: translate(68.3766vw, -10px) scale(0.9123);
    animation: fall-185 27s -12s linear infinite;
}

@keyframes fall-185 {
    37.422% {
        transform: translate(69.8559vw, 37.422vh) scale(0.9123);
    }

    to {
        transform: translate(69.11625vw, 100vh) scale(0.9123);
    }
}

.snow:nth-child(186) {
    opacity: 0.2275;
    transform: translate(24.7041vw, -10px) scale(0.0396);
    animation: fall-186 21s -10s linear infinite;
}

@keyframes fall-186 {
    63.424% {
        transform: translate(33.8056vw, 63.424vh) scale(0.0396);
    }

    to {
        transform: translate(29.25485vw, 100vh) scale(0.0396);
    }
}

.snow:nth-child(187) {
    opacity: 0.0941;
    transform: translate(50.731vw, -10px) scale(0.7816);
    animation: fall-187 29s -21s linear infinite;
}

@keyframes fall-187 {
    32.209% {
        transform: translate(42.6078vw, 32.209vh) scale(0.7816);
    }

    to {
        transform: translate(46.6694vw, 100vh) scale(0.7816);
    }
}

.snow:nth-child(188) {
    opacity: 0.249;
    transform: translate(72.7346vw, -10px) scale(0.7106);
    animation: fall-188 26s -17s linear infinite;
}

@keyframes fall-188 {
    30.188% {
        transform: translate(69.1517vw, 30.188vh) scale(0.7106);
    }

    to {
        transform: translate(70.94315vw, 100vh) scale(0.7106);
    }
}

.snow:nth-child(189) {
    opacity: 0.6657;
    transform: translate(90.2773vw, -10px) scale(0.2725);
    animation: fall-189 23s -28s linear infinite;
}

@keyframes fall-189 {
    51.248% {
        transform: translate(98.9849vw, 51.248vh) scale(0.2725);
    }

    to {
        transform: translate(94.6311vw, 100vh) scale(0.2725);
    }
}

.snow:nth-child(190) {
    opacity: 0.2548;
    transform: translate(20.4766vw, -10px) scale(0.0591);
    animation: fall-190 20s -23s linear infinite;
}

@keyframes fall-190 {
    56.569% {
        transform: translate(26.1917vw, 56.569vh) scale(0.0591);
    }

    to {
        transform: translate(23.33415vw, 100vh) scale(0.0591);
    }
}

.snow:nth-child(191) {
    opacity: 0.3391;
    transform: translate(75.4398vw, -10px) scale(0.6455);
    animation: fall-191 27s -6s linear infinite;
}

@keyframes fall-191 {
    64.727% {
        transform: translate(80.4644vw, 64.727vh) scale(0.6455);
    }

    to {
        transform: translate(77.9521vw, 100vh) scale(0.6455);
    }
}

.snow:nth-child(192) {
    opacity: 0.1225;
    transform: translate(42.8537vw, -10px) scale(0.2117);
    animation: fall-192 13s -28s linear infinite;
}

@keyframes fall-192 {
    69.516% {
        transform: translate(44.2839vw, 69.516vh) scale(0.2117);
    }

    to {
        transform: translate(43.5688vw, 100vh) scale(0.2117);
    }
}

.snow:nth-child(193) {
    opacity: 0.8347;
    transform: translate(58.6468vw, -10px) scale(0.0028);
    animation: fall-193 12s -4s linear infinite;
}

@keyframes fall-193 {
    49.656% {
        transform: translate(50.1409vw, 49.656vh) scale(0.0028);
    }

    to {
        transform: translate(54.39385vw, 100vh) scale(0.0028);
    }
}

.snow:nth-child(194) {
    opacity: 0.0734;
    transform: translate(14.4193vw, -10px) scale(0.5964);
    animation: fall-194 26s -22s linear infinite;
}

@keyframes fall-194 {
    34.751% {
        transform: translate(9.0195vw, 34.751vh) scale(0.5964);
    }

    to {
        transform: translate(11.7194vw, 100vh) scale(0.5964);
    }
}

.snow:nth-child(195) {
    opacity: 0.9303;
    transform: translate(16.474vw, -10px) scale(0.5625);
    animation: fall-195 25s -16s linear infinite;
}

@keyframes fall-195 {
    62.87% {
        transform: translate(20.8817vw, 62.87vh) scale(0.5625);
    }

    to {
        transform: translate(18.67785vw, 100vh) scale(0.5625);
    }
}

.snow:nth-child(196) {
    opacity: 0.4363;
    transform: translate(76.0576vw, -10px) scale(0.0866);
    animation: fall-196 17s -10s linear infinite;
}

@keyframes fall-196 {
    46.521% {
        transform: translate(75.7763vw, 46.521vh) scale(0.0866);
    }

    to {
        transform: translate(75.91695vw, 100vh) scale(0.0866);
    }
}

.snow:nth-child(197) {
    opacity: 0.7787;
    transform: translate(17.8841vw, -10px) scale(0.6437);
    animation: fall-197 22s -2s linear infinite;
}

@keyframes fall-197 {
    77.43% {
        transform: translate(24.3818vw, 77.43vh) scale(0.6437);
    }

    to {
        transform: translate(21.13295vw, 100vh) scale(0.6437);
    }
}

.snow:nth-child(198) {
    opacity: 0.1262;
    transform: translate(5.226vw, -10px) scale(0.0685);
    animation: fall-198 20s -9s linear infinite;
}

@keyframes fall-198 {
    33.941% {
        transform: translate(10.8671vw, 33.941vh) scale(0.0685);
    }

    to {
        transform: translate(8.04655vw, 100vh) scale(0.0685);
    }
}

.snow:nth-child(199) {
    opacity: 0.7669;
    transform: translate(74.7701vw, -10px) scale(0.9188);
    animation: fall-199 19s -12s linear infinite;
}

@keyframes fall-199 {
    43.787% {
        transform: translate(66.5663vw, 43.787vh) scale(0.9188);
    }

    to {
        transform: translate(70.6682vw, 100vh) scale(0.9188);
    }
}

.snow:nth-child(200) {
    opacity: 0.1527;
    transform: translate(19.2031vw, -10px) scale(0.0351);
    animation: fall-200 22s -18s linear infinite;
}

@keyframes fall-200 {
    72.691% {
        transform: translate(19.3007vw, 72.691vh) scale(0.0351);
    }

    to {
        transform: translate(19.2519vw, 100vh) scale(0.0351);
    }
}

body.dark-mode .card {
    background-color: transparent;
    border-color: #3E4042;
}