span.wp-block-wpseopress-local-business-field{margin-right:8px}
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
.wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
.wp-block-pullquote{font-size: 1.5em;line-height: 1.6;}
.oxygen-oxy-ou_countdown-oucd_timezone .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff!important;}
.swiper-hidden {
    visibility: hidden; /* ซ่อนองค์ประกอบแต่ยังคงพื้นที่ไว้ */
    opacity: 0;         /* ทำให้โปร่งใส */
    /* ถ้าต้องการ animation ให้เพิ่ม transition */
    transition: opacity 0.5s ease-in-out;
}
    .x-modal .-modal-content {
    background: #fff;
    border-radius: 0px;
    border: 4px solid rgba(155, 225, 255, .96);
    box-shadow: none;
   }
   .custom-input-group {
    display: flex;
    align-items: center;
    background-color: #0e1520;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px auto;
    color: white;
   }

  .custom-input-group i {
    color: white; /* ไอคอนสีชมพู */
    margin-right: 10px;
    font-size: 18px;
  }

  .custom-input-group input {
    border: none;
    outline: none;
    background: transparent;
    color: white;
    font-size: 18px;
    width: 100%;
    text-align: center; /* กลางข้อความใน input */
  }

  .custom-input-group input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .custom-password-group {
    display: flex;
    align-items: center;
    background-color: #0e1520;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 10px 15px;
    width: 100%;
    margin: 20px auto;
    color: white;
  }

  .custom-password-group i {
    color: white;
    font-size: 18px;
  }

  .custom-password-group input {
    border: none;
    outline: none;
    background: transparent;
    color: white;
    font-size: 18px;
    width: 100%;
    text-align: center;
  }

  .custom-password-group input::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }

  .custom-password-group .toggle-password {
    cursor: pointer;
  }

  .x-modal.-v2 .close.-in-tab {
      top: 10px;
      color: black;
      background: white;
   
   }


  .auth-btn-subtext {
    position: absolute;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    display: flex;
    gap: 2px;
  }

  .auth-btn-subtext span {
    animation: wave 1.5s infinite;
    animation-delay: calc(var(--i) * 0.1s);
    color: red;
    font-weight: bold;            /* ขยายตัวหนา */
    font-size: 10px;              /* จะขยายขนาดเฉพาะตัวแรกได้ด้วย */
  }

  .toast-wrapper {
      position: fixed;
      top: 60px;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 9999;
      text-align: center;
   }

   .toast-message {
      background-color: #0e1520;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      display: flex;
      align-items: center;
      min-width: 300px;
      position: relative;
      box-shadow: 0 0 10px rgba(255, 77, 166, 0.6);
      margin-bottom: 10px;
      opacity: 0;
      transform: translateY(-20px);
      transition: opacity 0.5s ease, transform 0.5s ease;
   }

   .toast-message.show {
   opacity: 1;
   transform: translateY(0);
   }


  .toast-icon {
    color: #ff4d4d;
    margin-right: 10px;
    font-size: 18px;
  }

  .toast-text {
    flex: 1;
    font-size: 14px;
  }

  .toast-close {
    color: white;
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
  }

  .toast-progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: #ff4d4d;
    animation: progressBar 3s linear forwards;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  @keyframes progressBar {
    from { width: 100%; }
    to { width: 0%; }
  }

  @keyframes wave {
    0%, 60%, 100% {
      transform: translateY(0);
    }
    30% {
      transform: translateY(-5px);
    }
  }

  .x-banner-slide-wrapper .slick-dots li.slick-active button {
         background: #ffff;
   }

   @media (max-width: 991.98px){
      .x-banner-slide-wrapper .slick-dots {
         bottom: -25px;
      }
      .x-modal.-v2 .close.-in-tab {
            top: 1rem;
            
         }
   }
   @media (max-width: 575.98px){

      .x-modal.-v2 .close.-in-tab {
            top: -3rem;
            
         }
    
   }

   .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
* {
box-sizing: border-box;
}
body {
/* background-color: #000;*/
font-size: 16px;
font-family: FC Iconic Text, Helvetica Neue, Helvetica, Arial, sans-serif;
}
#page-wrapper {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
#title {
color: #ffffff;
position: absolute;
top: 50%;
right: 50%;
transform: translate(-50%, -50%);
font-size: 4em;
}
#btn {
position: fixed;
z-index: 4;
top: 20px;
left: 105px;
cursor: pointer;
transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
#btn div {
width: 50px;
height: 7px;
margin-bottom: 12px;
border-radius: 0px;
border-top-color: #f3c975;
border-top-width: 0px;
border-top-style: solid;
border-bottom-color: #dab13d;
border-bottom-width: 0px;
border-bottom-style: solid;
border-left-color: #cead3a;
border-left-width: 0px;
border-left-style: solid;
border-right-color: #bda22d;
border-right-width: 0px;
border-right-style: solid;
background-image: linear-gradient(90deg,#841e9e00, #841e9e00, #841e9e00);
/*background-color: #ffbc25; /*------------------------------------------ สีปุ่มกดเปิดเมนู --------------------------------------------------- */
transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms;
}
#btn.active {
z-index: 5;
top: 20px;
left: 215px;
}
#btn.active div {
width: 36px;
border-radius: 20px;
height: 4px;
margin-bottom: 6px;
border-top-color: #f3c975;
border-top-width: 0px;
border-top-style: solid;
border-bottom-color: #dab13d;
border-bottom-width: 0px;
border-bottom-style: solid;
border-left-color: #cead3a;
border-left-width:0px;
border-left-style: solid;
border-right-color: #bda22d;
border-right-width: 0px;
border-right-style: solid;
background-image: linear-gradient(90deg,#841e9e, #841e9e, #841e9e);
/*background-color: #ffbc25; /*------------------------------------------ สีปุ่มกดปิดเมนู --------------------------------------------------- */
}
#btn.active #top {
transform: translateY(10px) rotate(-135deg);
}
#btn.active #middle {
opacity: 0;
transform: rotate(135deg);
}
#btn.active #bottom {
transform: translateY(-10px) rotate(-45deg);
}
#menu_sidebar {
position: fixed;
z-index: 4;
overflow: auto;
top: 0px;
left: -275px;
width: 270px;
opacity: 0;
padding: 15px;
height: 100%;
background-color: rgb(255 255 255 / 85%);
backdrop-filter: blur(10px);
color: #343838;
transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
#menu_sidebar.active {
left: 0px;
opacity: 1;
}
#sitebar-items {
position: relative;
top: 50%;
transform: translateY(-50%);
overflow: hidden;
}
#sitebar-items .item {
position: relative;
cursor: pointer;
font-size: 1em;
padding: 15px 30px;
margin: 8px;
transition: all 250ms;
text-align: center;
}
#items .item:hover {
padding: 15px 45px;
background-color: rgba(52, 56, 56, 0.2);
}
#btn,
#btn * {
will-change: transform;
}
#menu_sidebar {
will-change: transform, opacity;
}
/* ---------------------------- สีปุ่ม ----------------------- */
.btn-ocean {
width: auto;
background-image: linear-gradient(180deg,#b1ebdd, #56ecc9);
border-radius: 15px;
border-top-color: #2c2c2c;
border-top-width: 2px;
border-top-style: solid;
border-bottom-color: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
border-left-color: #000000;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #000000;
border-right-width: 2px;
border-right-style: solid;
font-weight: 500;
color: #ffffff;
text-shadow: 0px 1px 2px #000;
}
.btn-ocean:hover {
width: auto;
background-image: linear-gradient(180deg,#a33aba, #841e9e);
border-radius: 15px;
border-top-color: #2c2c2c;
border-top-width: 2px;
border-top-style: solid;
border-bottom-color: #000000;
border-bottom-width: 2px;
border-bottom-style: solid;
border-left-color: #000000;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #000000;
border-right-width: 2px;
border-right-style: solid;
font-weight: 500;
color: #ffffff;
text-shadow: 0px 1px 2px #000;
}		
.profile-ic {
filter: invert(1);
text-align: center;
margin: 10px 0px 0px 0px;
}
.font-w {
color: black;
margin: 5px 0px 0px 20px;
}
A:link {
text-decoration: none;
}
A:visited {
text-decoration: none;
}
@media (min-width: 1920px){
#btn {
top: 2.1%;
left: 8%;
}
#btn.active{
top: 2.8%;
}
}
@media (max-width: 1919px){
#btn {
top: 2.2%;
left: 8.5%;
}
#btn.active{
top: 2.9%;
}
}
@media (max-width: 1840px){
#btn {
top: 2.1%;
left: 8.2%;
}
#btn.active{
top: 2.8%;
}
}
@media (max-width: 1480px){
#btn {
top: 1.5%;
left: 7.3%;
}
#btn.active{
top: 2.2%;
}
}
@media (max-width: 1436px){
#btn {
top: 1.3%;
left: 7.2%;
}
#btn.active{
top: 2%;
}
}
@media (max-width: 1119px){
#btn {
top: 1%;
left: 6.5%;
}
#btn.active {
top: 1.3%;
}
#btn div {
width: 40px;
height: 5px;
margin-bottom: 9px;
}
}
@media (max-width: 991px){
#btn {
top: 0.8%;
left: 6.3%;
}
#btn.active {
top: 1.2%;
}
}
@media (max-width: 767px){
#btn {
top: 0.7%;
left: 5.5%;
}
#sitebar-items {
transform: translateY(-50%)scaleY(0.75);
}
#btn.active {
top: 1%;
}
}
@media only screen and (min-width: 600px) and (max-width: 740px){
img.img-menu {
margin-top: 25%;
margin-bottom: -10%;
}
#btn {
top: 2.2%;
left: 5.3%;
}
#sitebar-items {
transform: translateY(-50%)scaleY(0.75);
}
#btn.active {
top: 2.8%;
}
}
@media (max-width: 479px){
#btn {
left: 3%;
top: 1.6%;
}
#sitebar-items {
transform: translateY(-50%)scaleY(1);
}
#btn.active div {
box-shadow: 0px 0px 0px 1px #ffffff;
}
#btn div {
width: 28px;
height: 3px;
margin-bottom: 7px;
}
#btn.active {
top: 1.6%;
}
img.img-menu {
transform: translate(0px, 0px);
}
}
.underline-comment {
    padding-bottom: 10px;
    padding-top: 5px;
}

.comment-entry {
    border-bottom: 1px solid #33513c;
    padding: 5px 0 10px 0;
}

.star-color {
    color: #47e398;
    font-size: 13px;
}

.rank-image {
    width: 90px;
    height: auto;
}

.star-pad {
    padding: 2% 0 4% 0;
    text-align: center;
    font-size: 13px;
}

.user-name {
    color: #87ffc3;
    font-size: 14px;
    text-align: left;
}

.comment-meta, .comment-ip {
    color: #bdbdbd;
    font-size: 12px;
    text-align: left;
}

.comment-text {
    color: #dffff1;
    font-size: 14px;
    padding-left:20%;
    margin-top: 0;
}

@media (max-width: 1024.98px){
    .comment-text {
        padding-left:21%;
        margin-top: 0;
    }
}

@media (max-width: 768.98px){
    .comment-text {
        padding-left:23%;
        margin-top: 0;
    }
}

@media (max-width: 425.98px){
    .comment-text {
        padding-left:5%;
        margin-top: 0;
    }
    .star-pad {
        padding: 0;
    }
    
}
#log006{
    background-image: linear-gradient(rgb(6, 66, 48), rgb(45 112 92));border-radius: 5px;
}

#re004{
    background: #911212;border-radius: 5px;
}

.slide-bg{
background-color: #011c14;width: 100%;margin-top:4.5rem;
}
.img-show{
  background : linear-gradient(178deg, rgb(135 243 204) 0%, rgb(255 255 255) 99%) !important; 
  box-shadow : 0px 0px 2px 1px #4f6d46 !important;
}
.swiper-h{
  width: 100%; border-radius: 10px;  overflow: hidden;
}
.swiper-hidden{
  width: 100%; height: auto;
}

.swiper-border{
  border-radius: 12px; overflow: hidden; text-align: center; cursor: pointer; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.swiper-button{
background-color: transparent;
padding: 0px;
    border-radius: 20px;
}
body,h2,h1,h3,h4{
  font-family: FC Iconic Text, Helvetica Neue, Helvetica, Arial, sans-serif;
  margin: 0;
  color: #28d67c;
}
.layout {
max-width: 960px;
margin: auto;
}
.section-box {
position: relative;
background: #012319;
border: 2px solid rgba(40, 214, 124, 0.5);
border-radius: 16px;
padding: 50px;
margin-bottom: 40px;
/* box-shadow: 0 0 10px #28d67c; */
overflow: hidden;
z-index: 1;
}
/* ไฟวิ่งวนรอบ */
.section-box::before {
content: "";
position: absolute;
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
background: linear-gradient(0deg, #28d67c, transparent 70%) 0 0 / 5px 200% no-repeat,
linear-gradient(90deg, #28d67c, transparent 70%) 0 0 / 200% 5px no-repeat,
linear-gradient(180deg, #28d67c, transparent 70%) 100% 100% / 5px 200% no-repeat,
linear-gradient(270deg, #28d67c, transparent 70%) 100% 100% / 200% 5px no-repeat;
border-radius: 16px;
animation: borderMove 4s linear infinite, glowPulse 2s ease-in-out infinite;
z-index: 0;
}
/* ไฟวิ่งรอบ */
@keyframes borderMove {
0% {
background-position: 0 0, 0 0, 100% 100%, 100% 100%;
}
25% {
background-position: 0 100%, 0 0, 100% 100%, 100% 0;
}
50% {
background-position: 0 100%, 100% 0, 100% 0, 100% 0;
}
75% {
background-position: 0 0, 100% 0, 0 0, 0 0;
}
100% {
background-position: 0 0, 0 0, 100% 100%, 100% 100%;
}
}
/* เอฟเฟกต์ไฟเต้นเบาๆ */
@keyframes glowPulse {
0%, 100% {
opacity: 1;
box-shadow: 0 0 8px #00ff00, 0 0 16px #00ff00;
}
50% {
opacity: 0.7;
box-shadow: 0 0 4px #00ff00, 0 0 8px #00ff00;
}
}
.section-box > * {
position: relative;
z-index: 2;
}
.section-title {
font-size: 20px;
color: #ffff;
margin-bottom: 20px;
text-align: center;
}
.withdraw-grid {
display: flex;
flex-direction: column;
gap: 12px;
}
.withdraw-card {
/* background: rgba(0, 0, 0, 1);
border-radius: 12px;
border: 2px solid rgba(40, 214, 124, 0.5);
padding: 16px; */
display: flex;
flex-direction: column;
gap: 6px;
box-shadow: none;
}
.withdraw-card .row {
display: flex;
justify-content: space-between;
align-items: center;
}
.withdraw-card .user-name {
font-weight: 600;
font-size: 14px;
display: flex;
align-items: center;
gap: 10px;
color: #ffffff;
}
.withdraw-card .user-name img {
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
padding: 2px;
}
.amount {
font-weight: bold;
color: #00ffcc;
}
.time-date {
font-size: 12px;
display: flex;
justify-content: space-between;
color: #ccc;
}
.ref {
font-size: 11px;
color: #999;
}
.status {
font-weight: bold;
color: #00ff99;
}
.status.pending {
color: #ffdd57;
}
.withdraw-bg{
  width:100%;background: rgba(255, 255, 255, 0);
}
section{
  background-color: #012319;
  border-radius: 20px;
  padding: 20px;
}
.btn-all {
    background-image: linear-gradient(rgb(6, 66, 48), rgb(45 112 92));
    border-radius: 5px;
    color: white;
    width: 150px; /* Or use max-content or responsive width */
    height: 25px;
    display: inline-flex; /* Use flex for vertical centering of text if needed */
    align-items: center; /* Vertically center text */
    justify-content: center; /* Horizontally center text within the button */
    text-decoration: none; /* Remove underline from link */
    
    cursor: pointer;
    padding: 0 10px; /* Add some horizontal padding */
    box-sizing: border-box; /* Include padding in width calculation */
}
.x-blog-card-list-item-container .-card-wrapper .-card-title {
    width: 100%;
    margin-top: 1rem;
       
}
#my-image-wrapper{
display: flex;gap: 15px;align-items: center;
}
.aaa {
color: #fff;
border-radius: 50px;
background-color: #0a0615;
margin: 0 6px 0 0;
padding: 6px 10px 3px 12px;
line-height: 3;
}
.aaa:hover {
color: #000;
background-color: #fff;
}
.digit-group input {
width: 60px;
height: 60px;
border: none;
line-height: 50px;
text-align: center;
font-size: 24px;
font-family: 'Raleway', sans-serif;
font-weight: 800;
color: black;
margin: 0 2px;
border-radius: 18px;
border: 3px solid #293886;
}
.prompt {
margin-bottom: 20px;
font-size: 20px;
color: white;
}
::-webkit-input-placeholder {
/* Edge */
font-weight: 800;
color: #9c9a9a;
}
:-ms-input-placeholder {
/* Internet Explorer */
font-weight: 800;
color: #9c9a9a;
}
::placeholder {
font-weight: 900;
color: #9c9a9a;
}
.ct-FontAwesomeicon-angle-double-up{width:0.64285714285714em}
.snow-mb {
position: absolute;
width: 5.5px;
height: 5.5px;
background: #47e7c3;
border-radius: 50%;
box-shadow: 0px 0px 8px 0px #47e7c3;
}
.snow-mb:nth-child(1) {
opacity: 0.3394;
transform: translate(44.0323vw, -10px) scale(0.7136);
animation: fall-1 12s -18s linear infinite;
}
@keyframes fall-1 {
37.99% {
transform: translate(53.3836vw, 37.99vh) scale(0.7136);
}
to {
transform: translate(48.70795vw, 100vh) scale(0.7136);
}
}
.snow-mb:nth-child(2) {
opacity: 0.1891;
transform: translate(94.5699vw, -10px) scale(0.0983);
animation: fall-2 29s -14s linear infinite;
}
@keyframes fall-2 {
45.868% {
transform: translate(88.578vw, 45.868vh) scale(0.0983);
}
to {
transform: translate(91.57395vw, 100vh) scale(0.0983);
}
}
.snow-mb:nth-child(3) {
opacity: 0.4617;
transform: translate(75.9562vw, -10px) scale(0.4039);
animation: fall-3 22s -4s linear infinite;
}
@keyframes fall-3 {
65.738% {
transform: translate(76.5421vw, 65.738vh) scale(0.4039);
}
to {
transform: translate(76.24915vw, 100vh) scale(0.4039);
}
}
.snow-mb:nth-child(4) {
opacity: 0.1907;
transform: translate(35.3676vw, -10px) scale(0.7076);
animation: fall-4 28s -1s linear infinite;
}
@keyframes fall-4 {
33.414% {
transform: translate(37.5851vw, 33.414vh) scale(0.7076);
}
to {
transform: translate(36.47635vw, 100vh) scale(0.7076);
}
}
.snow-mb:nth-child(5) {
opacity: 0.4445;
transform: translate(79.5386vw, -10px) scale(0.2218);
animation: fall-5 27s -16s linear infinite;
}
@keyframes fall-5 {
73.654% {
transform: translate(86.6428vw, 73.654vh) scale(0.2218);
}
to {
transform: translate(83.0907vw, 100vh) scale(0.2218);
}
}
.snow-mb:nth-child(6) {
opacity: 0.8526;
transform: translate(52.2601vw, -10px) scale(0.0115);
animation: fall-6 19s -18s linear infinite;
}
@keyframes fall-6 {
43.758% {
transform: translate(46.0281vw, 43.758vh) scale(0.0115);
}
to {
transform: translate(49.1441vw, 100vh) scale(0.0115);
}
}
.snow-mb:nth-child(7) {
opacity: 0.0749;
transform: translate(81.9854vw, -10px) scale(0.6638);
animation: fall-7 18s -12s linear infinite;
}
@keyframes fall-7 {
55.958% {
transform: translate(75.3083vw, 55.958vh) scale(0.6638);
}
to {
transform: translate(78.64685vw, 100vh) scale(0.6638);
}
}
.snow-mb:nth-child(8) {
opacity: 0.0816;
transform: translate(7.3631vw, -10px) scale(0.601);
animation: fall-8 24s -26s linear infinite;
}
@keyframes fall-8 {
37.208% {
transform: translate(9.4947vw, 37.208vh) scale(0.601);
}
to {
transform: translate(8.4289vw, 100vh) scale(0.601);
}
}
.snow-mb:nth-child(9) {
opacity: 0.4173;
transform: translate(78.606vw, -10px) scale(0.0191);
animation: fall-9 16s -9s linear infinite;
}
@keyframes fall-9 {
75.71% {
transform: translate(69.3675vw, 75.71vh) scale(0.0191);
}
to {
transform: translate(73.98675vw, 100vh) scale(0.0191);
}
}
.snow-mb:nth-child(10) {
opacity: 0.9517;
transform: translate(54.4879vw, -10px) scale(0.2419);
animation: fall-10 18s -8s linear infinite;
}
@keyframes fall-10 {
33.771% {
transform: translate(64.388vw, 33.771vh) scale(0.2419);
}
to {
transform: translate(59.43795vw, 100vh) scale(0.2419);
}
}
.snow-mb:nth-child(11) {
opacity: 0.9136;
transform: translate(77.8218vw, -10px) scale(0.7802);
animation: fall-11 26s -8s linear infinite;
}
@keyframes fall-11 {
30.582% {
transform: translate(79.5789vw, 30.582vh) scale(0.7802);
}
to {
transform: translate(78.70035vw, 100vh) scale(0.7802);
}
}
.snow-mb:nth-child(12) {
opacity: 0.4927;
transform: translate(42.5557vw, -10px) scale(0.7757);
animation: fall-12 21s -15s linear infinite;
}
@keyframes fall-12 {
46.179% {
transform: translate(33.1582vw, 46.179vh) scale(0.7757);
}
to {
transform: translate(37.85695vw, 100vh) scale(0.7757);
}
}
.snow-mb:nth-child(13) {
opacity: 0.3248;
transform: translate(35.876vw, -10px) scale(0.2626);
animation: fall-13 27s -28s linear infinite;
}
@keyframes fall-13 {
78.812% {
transform: translate(43.4803vw, 78.812vh) scale(0.2626);
}
to {
transform: translate(39.67815vw, 100vh) scale(0.2626);
}
}
.snow-mb:nth-child(14) {
opacity: 0.2782;
transform: translate(13.7306vw, -10px) scale(0.9666);
animation: fall-14 13s -18s linear infinite;
}
@keyframes fall-14 {
68.112% {
transform: translate(4.9632vw, 68.112vh) scale(0.9666);
}
to {
transform: translate(9.3469vw, 100vh) scale(0.9666);
}
}
.snow-mb:nth-child(15) {
opacity: 0.9819;
transform: translate(66.1379vw, -10px) scale(0.1232);
animation: fall-15 19s -18s linear infinite;
}
@keyframes fall-15 {
36.626% {
transform: translate(59.9271vw, 36.626vh) scale(0.1232);
}
to {
transform: translate(63.0325vw, 100vh) scale(0.1232);
}
}
.snow-mb:nth-child(16) {
opacity: 0.7834;
transform: translate(28.5392vw, -10px) scale(0.7778);
animation: fall-16 21s -26s linear infinite;
}
@keyframes fall-16 {
47.655% {
transform: translate(38.4894vw, 47.655vh) scale(0.7778);
}
to {
transform: translate(33.5143vw, 100vh) scale(0.7778);
}
}
.snow-mb:nth-child(17) {
opacity: 0.53;
transform: translate(20.6402vw, -10px) scale(0.7585);
animation: fall-17 22s -15s linear infinite;
}
@keyframes fall-17 {
45.957% {
transform: translate(13.7936vw, 45.957vh) scale(0.7585);
}
to {
transform: translate(17.2169vw, 100vh) scale(0.7585);
}
}
.snow-mb:nth-child(18) {
opacity: 0.0155;
transform: translate(6.5024vw, -10px) scale(0.9889);
animation: fall-18 14s -4s linear infinite;
}
@keyframes fall-18 {
75.865% {
transform: translate(-3.3298vw, 75.865vh) scale(0.9889);
}
to {
transform: translate(1.5863vw, 100vh) scale(0.9889);
}
}
.snow-mb:nth-child(19) {
opacity: 0.9492;
transform: translate(45.5988vw, -10px) scale(0.0578);
animation: fall-19 21s -12s linear infinite;
}
@keyframes fall-19 {
79.955% {
transform: translate(46.1836vw, 79.955vh) scale(0.0578);
}
to {
transform: translate(45.8912vw, 100vh) scale(0.0578);
}
}
.snow-mb:nth-child(20) {
opacity: 0.343;
transform: translate(38.2403vw, -10px) scale(0.2738);
animation: fall-20 14s -13s linear infinite;
}
@keyframes fall-20 {
72.502% {
transform: translate(31.2838vw, 72.502vh) scale(0.2738);
}
to {
transform: translate(34.76205vw, 100vh) scale(0.2738);
}
}
.snow-mb:nth-child(21) {
opacity: 0.7414;
transform: translate(76.9246vw, -10px) scale(0.4233);
animation: fall-21 11s -19s linear infinite;
}
@keyframes fall-21 {
47.393% {
transform: translate(67.3462vw, 47.393vh) scale(0.4233);
}
to {
transform: translate(72.1354vw, 100vh) scale(0.4233);
}
}
.snow-mb:nth-child(22) {
opacity: 0.184;
transform: translate(24.5248vw, -10px) scale(0.031);
animation: fall-22 24s -4s linear infinite;
}
@keyframes fall-22 {
32.021% {
transform: translate(25.5917vw, 32.021vh) scale(0.031);
}
to {
transform: translate(25.05825vw, 100vh) scale(0.031);
}
}
.snow-mb:nth-child(23) {
opacity: 0.0492;
transform: translate(6.3886vw, -10px) scale(0.9244);
animation: fall-23 14s -24s linear infinite;
}
@keyframes fall-23 {
50.998% {
transform: translate(14.467vw, 50.998vh) scale(0.9244);
}
to {
transform: translate(10.4278vw, 100vh) scale(0.9244);
}
}
.snow-mb:nth-child(24) {
opacity: 0.4853;
transform: translate(97.8811vw, -10px) scale(0.3943);
animation: fall-24 24s -27s linear infinite;
}
@keyframes fall-24 {
75.423% {
transform: translate(95.7658vw, 75.423vh) scale(0.3943);
}
to {
transform: translate(96.82345vw, 100vh) scale(0.3943);
}
}
.snow-mb:nth-child(25) {
opacity: 0.1591;
transform: translate(49.3359vw, -10px) scale(0.0693);
animation: fall-25 22s -18s linear infinite;
}
@keyframes fall-25 {
55.89% {
transform: translate(41.6413vw, 55.89vh) scale(0.0693);
}
to {
transform: translate(45.4886vw, 100vh) scale(0.0693);
}
}
.snow-mb:nth-child(26) {
opacity: 0.0201;
transform: translate(46.6276vw, -10px) scale(0.2827);
animation: fall-26 23s -8s linear infinite;
}
@keyframes fall-26 {
58.878% {
transform: translate(53.2498vw, 58.878vh) scale(0.2827);
}
to {
transform: translate(49.9387vw, 100vh) scale(0.2827);
}
}
.snow-mb:nth-child(27) {
opacity: 0.9238;
transform: translate(74.6649vw, -10px) scale(0.197);
animation: fall-27 26s -17s linear infinite;
}
@keyframes fall-27 {
34.155% {
transform: translate(80.0689vw, 34.155vh) scale(0.197);
}
to {
transform: translate(77.3669vw, 100vh) scale(0.197);
}
}
.snow-mb:nth-child(28) {
opacity: 0.471;
transform: translate(83.0425vw, -10px) scale(0.5366);
animation: fall-28 15s -12s linear infinite;
}
@keyframes fall-28 {
72.794% {
transform: translate(80.7471vw, 72.794vh) scale(0.5366);
}
to {
transform: translate(81.8948vw, 100vh) scale(0.5366);
}
}
.snow-mb:nth-child(29) {
opacity: 0.9428;
transform: translate(22.3976vw, -10px) scale(0.8234);
animation: fall-29 27s -1s linear infinite;
}
@keyframes fall-29 {
76.596% {
transform: translate(14.6268vw, 76.596vh) scale(0.8234);
}
to {
transform: translate(18.5122vw, 100vh) scale(0.8234);
}
}
.snow-mb:nth-child(30) {
opacity: 0.7524;
transform: translate(67.717vw, -10px) scale(0.9562);
animation: fall-30 11s -1s linear infinite;
}
@keyframes fall-30 {
77.54% {
transform: translate(69.9502vw, 77.54vh) scale(0.9562);
}
to {
transform: translate(68.8336vw, 100vh) scale(0.9562);
}
}
.snow-mb:nth-child(31) {
opacity: 0.5749;
transform: translate(91.3124vw, -10px) scale(0.4641);
animation: fall-31 28s -14s linear infinite;
}
@keyframes fall-31 {
60.965% {
transform: translate(83.2538vw, 60.965vh) scale(0.4641);
}
to {
transform: translate(87.2831vw, 100vh) scale(0.4641);
}
}
.snow-mb:nth-child(32) {
opacity: 0.4653;
transform: translate(9.6243vw, -10px) scale(0.0328);
animation: fall-32 14s -26s linear infinite;
}
@keyframes fall-32 {
39.874% {
transform: translate(1.5965vw, 39.874vh) scale(0.0328);
}
to {
transform: translate(5.6104vw, 100vh) scale(0.0328);
}
}
.snow-mb:nth-child(33) {
opacity: 0.3886;
transform: translate(38.1725vw, -10px) scale(0.2831);
animation: fall-33 30s -7s linear infinite;
}
@keyframes fall-33 {
52.542% {
transform: translate(30.8694vw, 52.542vh) scale(0.2831);
}
to {
transform: translate(34.52095vw, 100vh) scale(0.2831);
}
}
.snow-mb:nth-child(34) {
opacity: 0.4842;
transform: translate(67.6803vw, -10px) scale(0.7969);
animation: fall-34 24s -22s linear infinite;
}
@keyframes fall-34 {
35.625% {
transform: translate(65.6271vw, 35.625vh) scale(0.7969);
}
to {
transform: translate(66.6537vw, 100vh) scale(0.7969);
}
}
.snow-mb:nth-child(35) {
opacity: 0.6612;
transform: translate(7.3249vw, -10px) scale(0.6455);
animation: fall-35 30s -12s linear infinite;
}
@keyframes fall-35 {
62.113% {
transform: translate(16.3441vw, 62.113vh) scale(0.6455);
}
to {
transform: translate(11.8345vw, 100vh) scale(0.6455);
}
}
.snow-mb:nth-child(36) {
opacity: 0.1313;
transform: translate(78.3846vw, -10px) scale(0.4266);
animation: fall-36 28s -9s linear infinite;
}
@keyframes fall-36 {
46.202% {
transform: translate(79.5491vw, 46.202vh) scale(0.4266);
}
to {
transform: translate(78.96685vw, 100vh) scale(0.4266);
}
}
.snow-mb:nth-child(37) {
opacity: 0.6112;
transform: translate(52.5754vw, -10px) scale(0.8626);
animation: fall-37 18s -17s linear infinite;
}
@keyframes fall-37 {
37.9% {
transform: translate(61.5266vw, 37.9vh) scale(0.8626);
}
to {
transform: translate(57.051vw, 100vh) scale(0.8626);
}
}
.snow-mb:nth-child(38) {
opacity: 0.6468;
transform: translate(61.0826vw, -10px) scale(0.8656);
animation: fall-38 22s -18s linear infinite;
}
@keyframes fall-38 {
64.694% {
transform: translate(67.7534vw, 64.694vh) scale(0.8656);
}
to {
transform: translate(64.418vw, 100vh) scale(0.8656);
}
}
.snow-mb:nth-child(39) {
opacity: 0.8795;
transform: translate(91.4518vw, -10px) scale(0.3209);
animation: fall-39 13s -20s linear infinite;
}
@keyframes fall-39 {
37.332% {
transform: translate(88.4686vw, 37.332vh) scale(0.3209);
}
to {
transform: translate(89.9602vw, 100vh) scale(0.3209);
}
}
.snow-mb:nth-child(40) {
opacity: 0.7035;
transform: translate(96.8935vw, -10px) scale(0.5993);
animation: fall-40 15s -6s linear infinite;
}
@keyframes fall-40 {
31.455% {
transform: translate(90.9505vw, 31.455vh) scale(0.5993);
}
to {
transform: translate(93.922vw, 100vh) scale(0.5993);
}
}
.snow-mb:nth-child(41) {
opacity: 0.6555;
transform: translate(85.3592vw, -10px) scale(0.7791);
animation: fall-41 18s -14s linear infinite;
}
@keyframes fall-41 {
70.099% {
transform: translate(91.7322vw, 70.099vh) scale(0.7791);
}
to {
transform: translate(88.5457vw, 100vh) scale(0.7791);
}
}
.snow-mb:nth-child(42) {
opacity: 0.1743;
transform: translate(51.1128vw, -10px) scale(0.8568);
animation: fall-42 23s -16s linear infinite;
}
@keyframes fall-42 {
56.028% {
transform: translate(60.2156vw, 56.028vh) scale(0.8568);
}
to {
transform: translate(55.6642vw, 100vh) scale(0.8568);
}
}
.snow-mb:nth-child(43) {
opacity: 0.1357;
transform: translate(88.3811vw, -10px) scale(0.1591);
animation: fall-43 23s -26s linear infinite;
}
@keyframes fall-43 {
71.16% {
transform: translate(96.9074vw, 71.16vh) scale(0.1591);
}
to {
transform: translate(92.64425vw, 100vh) scale(0.1591);
}
}
.snow-mb:nth-child(44) {
opacity: 0.196;
transform: translate(10.5955vw, -10px) scale(0.1146);
animation: fall-44 28s -4s linear infinite;
}
@keyframes fall-44 {
43.239% {
transform: translate(13.9442vw, 43.239vh) scale(0.1146);
}
to {
transform: translate(12.26985vw, 100vh) scale(0.1146);
}
}
.snow-mb:nth-child(45) {
opacity: 0.7023;
transform: translate(29.2262vw, -10px) scale(0.4843);
animation: fall-45 14s -23s linear infinite;
}
@keyframes fall-45 {
34.863% {
transform: translate(22.9317vw, 34.863vh) scale(0.4843);
}
to {
transform: translate(26.07895vw, 100vh) scale(0.4843);
}
}
.snow-mb:nth-child(46) {
opacity: 0.3202;
transform: translate(95.6458vw, -10px) scale(0.3879);
animation: fall-46 19s -5s linear infinite;
}
@keyframes fall-46 {
44.622% {
transform: translate(99.0904vw, 44.622vh) scale(0.3879);
}
to {
transform: translate(97.3681vw, 100vh) scale(0.3879);
}
}
.snow-mb:nth-child(47) {
opacity: 0.937;
transform: translate(10.7292vw, -10px) scale(0.7592);
animation: fall-47 30s -2s linear infinite;
}
@keyframes fall-47 {
78.628% {
transform: translate(4.6722vw, 78.628vh) scale(0.7592);
}
to {
transform: translate(7.7007vw, 100vh) scale(0.7592);
}
}
.snow-mb:nth-child(48) {
opacity: 0.9183;
transform: translate(60.5646vw, -10px) scale(0.3235);
animation: fall-48 20s -19s linear infinite;
}
@keyframes fall-48 {
65.219% {
transform: translate(65.5335vw, 65.219vh) scale(0.3235);
}
to {
transform: translate(63.04905vw, 100vh) scale(0.3235);
}
}
.snow-mb:nth-child(49) {
opacity: 0.9473;
transform: translate(25.5025vw, -10px) scale(0.9537);
animation: fall-49 11s -25s linear infinite;
}
@keyframes fall-49 {
42.789% {
transform: translate(30.9702vw, 42.789vh) scale(0.9537);
}
to {
transform: translate(28.23635vw, 100vh) scale(0.9537);
}
}
.snow-mb:nth-child(50) {
opacity: 0.9201;
transform: translate(80.5008vw, -10px) scale(0.9364);
animation: fall-50 24s -7s linear infinite;
}
@keyframes fall-50 {
51.464% {
transform: translate(71.0539vw, 51.464vh) scale(0.9364);
}
to {
transform: translate(75.77735vw, 100vh) scale(0.9364);
}
}
.snow-mb:nth-child(51) {
opacity: 0.1323;
transform: translate(26.4309vw, -10px) scale(0.774);
animation: fall-51 24s -27s linear infinite;
}
@keyframes fall-51 {
65.3% {
transform: translate(32.7611vw, 65.3vh) scale(0.774);
}
to {
transform: translate(29.596vw, 100vh) scale(0.774);
}
}
.snow-mb:nth-child(52) {
opacity: 0.6073;
transform: translate(97.2586vw, -10px) scale(0.3666);
animation: fall-52 12s -8s linear infinite;
}
@keyframes fall-52 {
52.54% {
transform: translate(90.8218vw, 52.54vh) scale(0.3666);
}
to {
transform: translate(94.0402vw, 100vh) scale(0.3666);
}
}
.snow-mb:nth-child(53) {
opacity: 0.1552;
transform: translate(1.1585vw, -10px) scale(0.5416);
animation: fall-53 28s -8s linear infinite;
}
@keyframes fall-53 {
70.496% {
transform: translate(-0.1161vw, 70.496vh) scale(0.5416);
}
to {
transform: translate(0.5212vw, 100vh) scale(0.5416);
}
}
.snow-mb:nth-child(54) {
opacity: 0.3803;
transform: translate(33.4423vw, -10px) scale(0.2626);
animation: fall-54 16s -2s linear infinite;
}
@keyframes fall-54 {
46.126% {
transform: translate(41.6276vw, 46.126vh) scale(0.2626);
}
to {
transform: translate(37.53495vw, 100vh) scale(0.2626);
}
}
.snow-mb:nth-child(55) {
opacity: 0.3208;
transform: translate(92.5198vw, -10px) scale(0.7717);
animation: fall-55 26s -26s linear infinite;
}
@keyframes fall-55 {
44.095% {
transform: translate(100.8235vw, 44.095vh) scale(0.7717);
}
to {
transform: translate(96.67165vw, 100vh) scale(0.7717);
}
}
.snow-mb:nth-child(56) {
opacity: 0.6722;
transform: translate(61.8106vw, -10px) scale(0.5233);
animation: fall-56 23s -22s linear infinite;
}
@keyframes fall-56 {
51.094% {
transform: translate(52.0845vw, 51.094vh) scale(0.5233);
}
to {
transform: translate(56.94755vw, 100vh) scale(0.5233);
}
}
.snow-mb:nth-child(57) {
opacity: 0.1836;
transform: translate(34.8941vw, -10px) scale(0.2173);
animation: fall-57 15s -12s linear infinite;
}
@keyframes fall-57 {
49.342% {
transform: translate(30.4438vw, 49.342vh) scale(0.2173);
}
to {
transform: translate(32.66895vw, 100vh) scale(0.2173);
}
}
.snow-mb:nth-child(58) {
opacity: 0.2842;
transform: translate(71.2324vw, -10px) scale(0.1138);
animation: fall-58 12s -20s linear infinite;
}
@keyframes fall-58 {
47.126% {
transform: translate(72.8907vw, 47.126vh) scale(0.1138);
}
to {
transform: translate(72.06155vw, 100vh) scale(0.1138);
}
}
.snow-mb:nth-child(59) {
opacity: 0.5205;
transform: translate(43.5095vw, -10px) scale(0.9531);
animation: fall-59 22s -10s linear infinite;
}
@keyframes fall-59 {
48.239% {
transform: translate(42.8096vw, 48.239vh) scale(0.9531);
}
to {
transform: translate(43.15955vw, 100vh) scale(0.9531);
}
}
.snow-mb:nth-child(60) {
opacity: 0.6796;
transform: translate(1.0366vw, -10px) scale(0.7167);
animation: fall-60 21s -15s linear infinite;
}
@keyframes fall-60 {
47.024% {
transform: translate(1.2569vw, 47.024vh) scale(0.7167);
}
to {
transform: translate(1.14675vw, 100vh) scale(0.7167);
}
}
.snow-mb:nth-child(61) {
opacity: 0.3099;
transform: translate(52.7732vw, -10px) scale(0.9664);
animation: fall-61 13s -3s linear infinite;
}
@keyframes fall-61 {
58.801% {
transform: translate(50.8615vw, 58.801vh) scale(0.9664);
}
to {
transform: translate(51.81735vw, 100vh) scale(0.9664);
}
}
.snow-mb:nth-child(62) {
opacity: 0.3387;
transform: translate(83.9433vw, -10px) scale(0.1849);
animation: fall-62 26s -22s linear infinite;
}
@keyframes fall-62 {
65.29% {
transform: translate(77.8746vw, 65.29vh) scale(0.1849);
}
to {
transform: translate(80.90895vw, 100vh) scale(0.1849);
}
}
.snow-mb:nth-child(63) {
opacity: 0.653;
transform: translate(93.3796vw, -10px) scale(0.7044);
animation: fall-63 23s -24s linear infinite;
}
@keyframes fall-63 {
79.31% {
transform: translate(90.2912vw, 79.31vh) scale(0.7044);
}
to {
transform: translate(91.8354vw, 100vh) scale(0.7044);
}
}
.snow-mb:nth-child(64) {
opacity: 0.2257;
transform: translate(27.768vw, -10px) scale(0.0642);
animation: fall-64 20s -30s linear infinite;
}
@keyframes fall-64 {
33.044% {
transform: translate(28.4679vw, 33.044vh) scale(0.0642);
}
to {
transform: translate(28.11795vw, 100vh) scale(0.0642);
}
}
.snow-mb:nth-child(65) {
opacity: 0.7053;
transform: translate(73.6287vw, -10px) scale(0.9564);
animation: fall-65 14s -10s linear infinite;
}
@keyframes fall-65 {
63.263% {
transform: translate(74.0985vw, 63.263vh) scale(0.9564);
}
to {
transform: translate(73.8636vw, 100vh) scale(0.9564);
}
}
.snow-mb:nth-child(66) {
opacity: 0.4976;
transform: translate(33.2313vw, -10px) scale(0.4816);
animation: fall-66 15s -25s linear infinite;
}
@keyframes fall-66 {
68.156% {
transform: translate(33.6147vw, 68.156vh) scale(0.4816);
}
to {
transform: translate(33.423vw, 100vh) scale(0.4816);
}
}
.snow-mb:nth-child(67) {
opacity: 0.3311;
transform: translate(0.6438vw, -10px) scale(0.5485);
animation: fall-67 22s -22s linear infinite;
}
@keyframes fall-67 {
33.919% {
transform: translate(-4.7484vw, 33.919vh) scale(0.5485);
}
to {
transform: translate(-2.0523vw, 100vh) scale(0.5485);
}
}
.snow-mb:nth-child(68) {
opacity: 0.0491;
transform: translate(39.583vw, -10px) scale(0.3528);
animation: fall-68 26s -16s linear infinite;
}
@keyframes fall-68 {
40.399% {
transform: translate(49.3551vw, 40.399vh) scale(0.3528);
}
to {
transform: translate(44.46905vw, 100vh) scale(0.3528);
}
}
.snow-mb:nth-child(69) {
opacity: 0.3564;
transform: translate(70.987vw, -10px) scale(0.8075);
animation: fall-69 12s -8s linear infinite;
}
@keyframes fall-69 {
59.328% {
transform: translate(78.0483vw, 59.328vh) scale(0.8075);
}
to {
transform: translate(74.51765vw, 100vh) scale(0.8075);
}
}
.snow-mb:nth-child(70) {
opacity: 0.4635;
transform: translate(66.5896vw, -10px) scale(0.2301);
animation: fall-70 30s -2s linear infinite;
}
@keyframes fall-70 {
75.324% {
transform: translate(74.4902vw, 75.324vh) scale(0.2301);
}
to {
transform: translate(70.5399vw, 100vh) scale(0.2301);
}
}
.snow-mb:nth-child(71) {
opacity: 0.7356;
transform: translate(28.4237vw, -10px) scale(0.7813);
animation: fall-71 12s -25s linear infinite;
}
@keyframes fall-71 {
46.235% {
transform: translate(33.5426vw, 46.235vh) scale(0.7813);
}
to {
transform: translate(30.98315vw, 100vh) scale(0.7813);
}
}
.snow-mb:nth-child(72) {
opacity: 0.4964;
transform: translate(31.9024vw, -10px) scale(0.5424);
animation: fall-72 24s -22s linear infinite;
}
@keyframes fall-72 {
67.888% {
transform: translate(33.8605vw, 67.888vh) scale(0.5424);
}
to {
transform: translate(32.88145vw, 100vh) scale(0.5424);
}
}
.snow-mb:nth-child(73) {
opacity: 0.6854;
transform: translate(35.4819vw, -10px) scale(0.1554);
animation: fall-73 26s -29s linear infinite;
}
@keyframes fall-73 {
54.876% {
transform: translate(42.9416vw, 54.876vh) scale(0.1554);
}
to {
transform: translate(39.21175vw, 100vh) scale(0.1554);
}
}
.snow-mb:nth-child(74) {
opacity: 0.8914;
transform: translate(70.3788vw, -10px) scale(0.5246);
animation: fall-74 22s -25s linear infinite;
}
@keyframes fall-74 {
54.545% {
transform: translate(60.5191vw, 54.545vh) scale(0.5246);
}
to {
transform: translate(65.44895vw, 100vh) scale(0.5246);
}
}
.snow-mb:nth-child(75) {
opacity: 0.5439;
transform: translate(3.6058vw, -10px) scale(0.4894);
animation: fall-75 16s -7s linear infinite;
}
@keyframes fall-75 {
43.877% {
transform: translate(2.7872vw, 43.877vh) scale(0.4894);
}
to {
transform: translate(3.1965vw, 100vh) scale(0.4894);
}
}
.snow-mb:nth-child(76) {
opacity: 0.835;
transform: translate(97.5437vw, -10px) scale(0.0337);
animation: fall-76 16s -20s linear infinite;
}
@keyframes fall-76 {
44.273% {
transform: translate(88.2093vw, 44.273vh) scale(0.0337);
}
to {
transform: translate(92.8765vw, 100vh) scale(0.0337);
}
}
.snow-mb:nth-child(77) {
opacity: 0.4818;
transform: translate(87.0997vw, -10px) scale(0.4091);
animation: fall-77 11s -7s linear infinite;
}
@keyframes fall-77 {
67.093% {
transform: translate(80.4644vw, 67.093vh) scale(0.4091);
}
to {
transform: translate(83.78205vw, 100vh) scale(0.4091);
}
}
.snow-mb:nth-child(78) {
opacity: 0.1644;
transform: translate(61.8269vw, -10px) scale(0.0437);
animation: fall-78 10s -12s linear infinite;
}
@keyframes fall-78 {
67.908% {
transform: translate(53.9908vw, 67.908vh) scale(0.0437);
}
to {
transform: translate(57.90885vw, 100vh) scale(0.0437);
}
}
.snow-mb:nth-child(79) {
opacity: 0.251;
transform: translate(42.6968vw, -10px) scale(0.2682);
animation: fall-79 25s -26s linear infinite;
}
@keyframes fall-79 {
48.933% {
transform: translate(39.5285vw, 48.933vh) scale(0.2682);
}
to {
transform: translate(41.11265vw, 100vh) scale(0.2682);
}
}
.snow-mb:nth-child(80) {
opacity: 0.7785;
transform: translate(24.6386vw, -10px) scale(0.8586);
animation: fall-80 14s -11s linear infinite;
}
@keyframes fall-80 {
49.25% {
transform: translate(29.8228vw, 49.25vh) scale(0.8586);
}
to {
transform: translate(27.2307vw, 100vh) scale(0.8586);
}
}
.snow-mb:nth-child(81) {
opacity: 0.1293;
transform: translate(7.6979vw, -10px) scale(0.1566);
animation: fall-81 21s -5s linear infinite;
}
@keyframes fall-81 {
65.204% {
transform: translate(7.8094vw, 65.204vh) scale(0.1566);
}
to {
transform: translate(7.75365vw, 100vh) scale(0.1566);
}
}
.snow-mb:nth-child(82) {
opacity: 0.3977;
transform: translate(92.2986vw, -10px) scale(0.4485);
animation: fall-82 23s -12s linear infinite;
}
@keyframes fall-82 {
79.991% {
transform: translate(99.6765vw, 79.991vh) scale(0.4485);
}
to {
transform: translate(95.98755vw, 100vh) scale(0.4485);
}
}
.snow-mb:nth-child(83) {
opacity: 0.1565;
transform: translate(26.5066vw, -10px) scale(0.0091);
animation: fall-83 19s -8s linear infinite;
}
@keyframes fall-83 {
72.532% {
transform: translate(24.9482vw, 72.532vh) scale(0.0091);
}
to {
transform: translate(25.7274vw, 100vh) scale(0.0091);
}
}
.snow-mb:nth-child(84) {
opacity: 0.192;
transform: translate(90.3938vw, -10px) scale(0.7085);
animation: fall-84 14s -24s linear infinite;
}
@keyframes fall-84 {
68.715% {
transform: translate(83.0023vw, 68.715vh) scale(0.7085);
}
to {
transform: translate(86.69805vw, 100vh) scale(0.7085);
}
}
.snow-mb:nth-child(85) {
opacity: 0.24;
transform: translate(58.5617vw, -10px) scale(0.4011);
animation: fall-85 11s -29s linear infinite;
}
@keyframes fall-85 {
44.329% {
transform: translate(60.8353vw, 44.329vh) scale(0.4011);
}
to {
transform: translate(59.6985vw, 100vh) scale(0.4011);
}
}
.snow-mb:nth-child(86) {
opacity: 0.0133;
transform: translate(59.8096vw, -10px) scale(0.2693);
animation: fall-86 16s -15s linear infinite;
}
@keyframes fall-86 {
57.84% {
transform: translate(60.0758vw, 57.84vh) scale(0.2693);
}
to {
transform: translate(59.9427vw, 100vh) scale(0.2693);
}
}
.snow-mb:nth-child(87) {
opacity: 0.6712;
transform: translate(98.2679vw, -10px) scale(0.7816);
animation: fall-87 23s -16s linear infinite;
}
@keyframes fall-87 {
37.594% {
transform: translate(101.3949vw, 37.594vh) scale(0.7816);
}
to {
transform: translate(99.8314vw, 100vh) scale(0.7816);
}
}
.snow-mb:nth-child(88) {
opacity: 0.2302;
transform: translate(32.1742vw, -10px) scale(0.3955);
animation: fall-88 14s -24s linear infinite;
}
@keyframes fall-88 {
58.72% {
transform: translate(26.0291vw, 58.72vh) scale(0.3955);
}
to {
transform: translate(29.10165vw, 100vh) scale(0.3955);
}
}
.snow-mb:nth-child(89) {
opacity: 0.9912;
transform: translate(3.8228vw, -10px) scale(0.0125);
animation: fall-89 16s -3s linear infinite;
}
@keyframes fall-89 {
42.168% {
transform: translate(6.0406vw, 42.168vh) scale(0.0125);
}
to {
transform: translate(4.9317vw, 100vh) scale(0.0125);
}
}
.snow-mb:nth-child(90) {
opacity: 0.3782;
transform: translate(10.6923vw, -10px) scale(0.3888);
animation: fall-90 26s -5s linear infinite;
}
@keyframes fall-90 {
73.045% {
transform: translate(20.4403vw, 73.045vh) scale(0.3888);
}
to {
transform: translate(15.5663vw, 100vh) scale(0.3888);
}
}
.snow-mb:nth-child(91) {
opacity: 0.5078;
transform: translate(75.558vw, -10px) scale(0.7656);
animation: fall-91 10s -21s linear infinite;
}
@keyframes fall-91 {
39.405% {
transform: translate(76.9194vw, 39.405vh) scale(0.7656);
}
to {
transform: translate(76.2387vw, 100vh) scale(0.7656);
}
}
.snow-mb:nth-child(92) {
opacity: 0.0654;
transform: translate(66.4206vw, -10px) scale(0.5989);
animation: fall-92 23s -29s linear infinite;
}
@keyframes fall-92 {
46.262% {
transform: translate(70.9753vw, 46.262vh) scale(0.5989);
}
to {
transform: translate(68.69795vw, 100vh) scale(0.5989);
}
}
.snow-mb:nth-child(93) {
opacity: 0.1354;
transform: translate(91.9284vw, -10px) scale(0.804);
animation: fall-93 27s -12s linear infinite;
}
@keyframes fall-93 {
53.931% {
transform: translate(91.5796vw, 53.931vh) scale(0.804);
}
to {
transform: translate(91.754vw, 100vh) scale(0.804);
}
}
.snow-mb:nth-child(94) {
opacity: 0.4512;
transform: translate(65.9541vw, -10px) scale(0.5772);
animation: fall-94 23s -9s linear infinite;
}
@keyframes fall-94 {
36.428% {
transform: translate(63.8907vw, 36.428vh) scale(0.5772);
}
to {
transform: translate(64.9224vw, 100vh) scale(0.5772);
}
}
.snow-mb:nth-child(95) {
opacity: 0.3637;
transform: translate(54.9132vw, -10px) scale(0.8066);
animation: fall-95 19s -9s linear infinite;
}
@keyframes fall-95 {
41.68% {
transform: translate(61.4341vw, 41.68vh) scale(0.8066);
}
to {
transform: translate(58.17365vw, 100vh) scale(0.8066);
}
}
.snow-mb:nth-child(96) {
opacity: 0.7548;
transform: translate(90.8071vw, -10px) scale(0.8166);
animation: fall-96 20s -9s linear infinite;
}
@keyframes fall-96 {
37.581% {
transform: translate(80.8229vw, 37.581vh) scale(0.8166);
}
to {
transform: translate(85.815vw, 100vh) scale(0.8166);
}
}
.snow-mb:nth-child(97) {
opacity: 0.7972;
transform: translate(83.8425vw, -10px) scale(0.8606);
animation: fall-97 30s -4s linear infinite;
}
@keyframes fall-97 {
61.872% {
transform: translate(91.2853vw, 61.872vh) scale(0.8606);
}
to {
transform: translate(87.5639vw, 100vh) scale(0.8606);
}
}
.snow-mb:nth-child(98) {
opacity: 0.988;
transform: translate(58.3995vw, -10px) scale(0.3239);
animation: fall-98 26s -16s linear infinite;
}
@keyframes fall-98 {
57.3% {
transform: translate(54.8524vw, 57.3vh) scale(0.3239);
}
to {
transform: translate(56.62595vw, 100vh) scale(0.3239);
}
}
.snow-mb:nth-child(99) {
opacity: 0.8429;
transform: translate(62.1066vw, -10px) scale(0.1369);
animation: fall-99 16s -20s linear infinite;
}
@keyframes fall-99 {
61.954% {
transform: translate(70.2385vw, 61.954vh) scale(0.1369);
}
to {
transform: translate(66.17255vw, 100vh) scale(0.1369);
}
}
.snow-mb:nth-child(100) {
opacity: 0.7422;
transform: translate(29.6132vw, -10px) scale(0.8585);
animation: fall-100 14s -1s linear infinite;
}
@keyframes fall-100 {
35.741% {
transform: translate(26.1917vw, 35.741vh) scale(0.8585);
}
to {
transform: translate(27.90245vw, 100vh) scale(0.8585);
}
}
.snow-mb:nth-child(101) {
opacity: 0.7337;
transform: translate(94.867vw, -10px) scale(0.0116);
animation: fall-101 17s -13s linear infinite;
}
@keyframes fall-101 {
51.989% {
transform: translate(101.9773vw, 51.989vh) scale(0.0116);
}
to {
transform: translate(98.42215vw, 100vh) scale(0.0116);
}
}
.snow-mb:nth-child(102) {
opacity: 0.0148;
transform: translate(69.2073vw, -10px) scale(0.2204);
animation: fall-102 15s -1s linear infinite;
}
@keyframes fall-102 {
70.976% {
transform: translate(73.5852vw, 70.976vh) scale(0.2204);
}
to {
transform: translate(71.39625vw, 100vh) scale(0.2204);
}
}
.snow-mb:nth-child(103) {
opacity: 0.0686;
transform: translate(44.9013vw, -10px) scale(0.9513);
animation: fall-103 25s -22s linear infinite;
}
@keyframes fall-103 {
50.524% {
transform: translate(46.1281vw, 50.524vh) scale(0.9513);
}
to {
transform: translate(45.5147vw, 100vh) scale(0.9513);
}
}
.snow-mb:nth-child(104) {
opacity: 0.2289;
transform: translate(83.1776vw, -10px) scale(0.1231);
animation: fall-104 21s -29s linear infinite;
}
@keyframes fall-104 {
79.41% {
transform: translate(80.5998vw, 79.41vh) scale(0.1231);
}
to {
transform: translate(81.8887vw, 100vh) scale(0.1231);
}
}
.snow-mb:nth-child(105) {
opacity: 0.6724;
transform: translate(10.1351vw, -10px) scale(0.0648);
animation: fall-105 24s -20s linear infinite;
}
@keyframes fall-105 {
46.573% {
transform: translate(17.8677vw, 46.573vh) scale(0.0648);
}
to {
transform: translate(14.0014vw, 100vh) scale(0.0648);
}
}
.snow-mb:nth-child(106) {
opacity: 0.447;
transform: translate(88.9639vw, -10px) scale(0.659);
animation: fall-106 24s -24s linear infinite;
}
@keyframes fall-106 {
35.402% {
transform: translate(93.6318vw, 35.402vh) scale(0.659);
}
to {
transform: translate(91.29785vw, 100vh) scale(0.659);
}
}
.snow-mb:nth-child(107) {
opacity: 0.8969;
transform: translate(19.649vw, -10px) scale(0.6734);
animation: fall-107 18s -23s linear infinite;
}
@keyframes fall-107 {
43.214% {
transform: translate(11.0201vw, 43.214vh) scale(0.6734);
}
to {
transform: translate(15.33455vw, 100vh) scale(0.6734);
}
}
.snow-mb:nth-child(108) {
opacity: 0.9885;
transform: translate(60.2573vw, -10px) scale(0.2707);
animation: fall-108 28s -1s linear infinite;
}
@keyframes fall-108 {
49.818% {
transform: translate(64.4808vw, 49.818vh) scale(0.2707);
}
to {
transform: translate(62.36905vw, 100vh) scale(0.2707);
}
}
.snow-mb:nth-child(109) {
opacity: 0.6417;
transform: translate(54.4063vw, -10px) scale(0.265);
animation: fall-109 22s -3s linear infinite;
}
@keyframes fall-109 {
51.237% {
transform: translate(61.6355vw, 51.237vh) scale(0.265);
}
to {
transform: translate(58.0209vw, 100vh) scale(0.265);
}
}
.snow-mb:nth-child(110) {
opacity: 0.7359;
transform: translate(49.9339vw, -10px) scale(0.1351);
animation: fall-110 19s -29s linear infinite;
}
@keyframes fall-110 {
77.564% {
transform: translate(45.1061vw, 77.564vh) scale(0.1351);
}
to {
transform: translate(47.52vw, 100vh) scale(0.1351);
}
}
.snow-mb:nth-child(111) {
opacity: 0.2122;
transform: translate(97.209vw, -10px) scale(0.0682);
animation: fall-111 11s -22s linear infinite;
}
@keyframes fall-111 {
39.85% {
transform: translate(106.6432vw, 39.85vh) scale(0.0682);
}
to {
transform: translate(101.9261vw, 100vh) scale(0.0682);
}
}
.snow-mb:nth-child(112) {
opacity: 0.2558;
transform: translate(29.4182vw, -10px) scale(0.5827);
animation: fall-112 28s -19s linear infinite;
}
@keyframes fall-112 {
60.383% {
transform: translate(36.2902vw, 60.383vh) scale(0.5827);
}
to {
transform: translate(32.8542vw, 100vh) scale(0.5827);
}
}
.snow-mb:nth-child(113) {
opacity: 0.6845;
transform: translate(32.4709vw, -10px) scale(0.1772);
animation: fall-113 16s -28s linear infinite;
}
@keyframes fall-113 {
32.28% {
transform: translate(23.7655vw, 32.28vh) scale(0.1772);
}
to {
transform: translate(28.1182vw, 100vh) scale(0.1772);
}
}
.snow-mb:nth-child(114) {
opacity: 0.8524;
transform: translate(79.546vw, -10px) scale(0.5611);
animation: fall-114 30s -2s linear infinite;
}
@keyframes fall-114 {
37.879% {
transform: translate(80.0736vw, 37.879vh) scale(0.5611);
}
to {
transform: translate(79.8098vw, 100vh) scale(0.5611);
}
}
.snow-mb:nth-child(115) {
opacity: 0.6046;
transform: translate(62.488vw, -10px) scale(0.4845);
animation: fall-115 27s -2s linear infinite;
}
@keyframes fall-115 {
37.285% {
transform: translate(71.8537vw, 37.285vh) scale(0.4845);
}
to {
transform: translate(67.17085vw, 100vh) scale(0.4845);
}
}
.snow-mb:nth-child(116) {
opacity: 0.0978;
transform: translate(41.2822vw, -10px) scale(0.9324);
animation: fall-116 12s -29s linear infinite;
}
@keyframes fall-116 {
30.671% {
transform: translate(48.1885vw, 30.671vh) scale(0.9324);
}
to {
transform: translate(44.73535vw, 100vh) scale(0.9324);
}
}
.snow-mb:nth-child(117) {
opacity: 0.2393;
transform: translate(18.8744vw, -10px) scale(0.8271);
animation: fall-117 25s -9s linear infinite;
}
@keyframes fall-117 {
65.375% {
transform: translate(20.5421vw, 65.375vh) scale(0.8271);
}
to {
transform: translate(19.70825vw, 100vh) scale(0.8271);
}
}
.snow-mb:nth-child(118) {
opacity: 0.4734;
transform: translate(47.0079vw, -10px) scale(0.6873);
animation: fall-118 21s -4s linear infinite;
}
@keyframes fall-118 {
76.014% {
transform: translate(42.909vw, 76.014vh) scale(0.6873);
}
to {
transform: translate(44.95845vw, 100vh) scale(0.6873);
}
}
.snow-mb:nth-child(119) {
opacity: 0.2403;
transform: translate(28.3846vw, -10px) scale(0.1068);
animation: fall-119 16s -19s linear infinite;
}
@keyframes fall-119 {
76.356% {
transform: translate(26.2278vw, 76.356vh) scale(0.1068);
}
to {
transform: translate(27.3062vw, 100vh) scale(0.1068);
}
}
.snow-mb:nth-child(120) {
opacity: 0.3724;
transform: translate(28.2232vw, -10px) scale(0.3857);
animation: fall-120 28s -17s linear infinite;
}
@keyframes fall-120 {
75.22% {
transform: translate(24.2595vw, 75.22vh) scale(0.3857);
}
to {
transform: translate(26.24135vw, 100vh) scale(0.3857);
}
}
.snow-mb:nth-child(121) {
opacity: 0.7004;
transform: translate(82.0185vw, -10px) scale(0.2593);
animation: fall-121 16s -23s linear infinite;
}
@keyframes fall-121 {
65.156% {
transform: translate(73.7347vw, 65.156vh) scale(0.2593);
}
to {
transform: translate(77.8766vw, 100vh) scale(0.2593);
}
}
.snow-mb:nth-child(122) {
opacity: 0.3989;
transform: translate(73.3235vw, -10px) scale(0.1365);
animation: fall-122 18s -30s linear infinite;
}
@keyframes fall-122 {
43.137% {
transform: translate(82.1211vw, 43.137vh) scale(0.1365);
}
to {
transform: translate(77.7223vw, 100vh) scale(0.1365);
}
}
.snow-mb:nth-child(123) {
opacity: 0.8766;
transform: translate(93.6035vw, -10px) scale(0.7645);
animation: fall-123 10s -25s linear infinite;
}
@keyframes fall-123 {
37.737% {
transform: translate(88.058vw, 37.737vh) scale(0.7645);
}
to {
transform: translate(90.83075vw, 100vh) scale(0.7645);
}
}
.snow-mb:nth-child(124) {
opacity: 0.1126;
transform: translate(50.3196vw, -10px) scale(0.0152);
animation: fall-124 28s -6s linear infinite;
}
@keyframes fall-124 {
56.824% {
transform: translate(49.7434vw, 56.824vh) scale(0.0152);
}
to {
transform: translate(50.0315vw, 100vh) scale(0.0152);
}
}
.snow-mb:nth-child(125) {
opacity: 0.2437;
transform: translate(9.2112vw, -10px) scale(0.4763);
animation: fall-125 24s -19s linear infinite;
}
@keyframes fall-125 {
55.768% {
transform: translate(3.2055vw, 55.768vh) scale(0.4763);
}
to {
transform: translate(6.20835vw, 100vh) scale(0.4763);
}
}
.snow-mb:nth-child(126) {
opacity: 0.8586;
transform: translate(9.2126vw, -10px) scale(0.1272);
animation: fall-126 26s -9s linear infinite;
}
@keyframes fall-126 {
33.554% {
transform: translate(10.5116vw, 33.554vh) scale(0.1272);
}
to {
transform: translate(9.8621vw, 100vh) scale(0.1272);
}
}
.snow-mb:nth-child(127) {
opacity: 0.8635;
transform: translate(40.7734vw, -10px) scale(0.5332);
animation: fall-127 30s -3s linear infinite;
}
@keyframes fall-127 {
47.846% {
transform: translate(34.2426vw, 47.846vh) scale(0.5332);
}
to {
transform: translate(37.508vw, 100vh) scale(0.5332);
}
}
.snow-mb:nth-child(128) {
opacity: 0.319;
transform: translate(21.7644vw, -10px) scale(0.8571);
animation: fall-128 29s -23s linear infinite;
}
@keyframes fall-128 {
57.033% {
transform: translate(27.9548vw, 57.033vh) scale(0.8571);
}
to {
transform: translate(24.8596vw, 100vh) scale(0.8571);
}
}
.snow-mb:nth-child(129) {
opacity: 0.825;
transform: translate(49.9573vw, -10px) scale(0.3612);
animation: fall-129 24s -5s linear infinite;
}
@keyframes fall-129 {
59.271% {
transform: translate(44.0468vw, 59.271vh) scale(0.3612);
}
to {
transform: translate(47.00205vw, 100vh) scale(0.3612);
}
}
.snow-mb:nth-child(130) {
opacity: 0.4778;
transform: translate(46.6519vw, -10px) scale(0.7365);
animation: fall-130 25s -29s linear infinite;
}
@keyframes fall-130 {
56.324% {
transform: translate(49.4982vw, 56.324vh) scale(0.7365);
}
to {
transform: translate(48.07505vw, 100vh) scale(0.7365);
}
}
.snow-mb:nth-child(131) {
opacity: 0.0481;
transform: translate(85.9319vw, -10px) scale(0.2909);
animation: fall-131 24s -26s linear infinite;
}
@keyframes fall-131 {
70.862% {
transform: translate(81.7145vw, 70.862vh) scale(0.2909);
}
to {
transform: translate(83.8232vw, 100vh) scale(0.2909);
}
}
.snow-mb:nth-child(132) {
opacity: 0.2223;
transform: translate(9.043vw, -10px) scale(0.7491);
animation: fall-132 21s -4s linear infinite;
}
@keyframes fall-132 {
66.272% {
transform: translate(11.3845vw, 66.272vh) scale(0.7491);
}
to {
transform: translate(10.21375vw, 100vh) scale(0.7491);
}
}
.snow-mb:nth-child(133) {
opacity: 0.3872;
transform: translate(82.48vw, -10px) scale(0.3759);
animation: fall-133 18s -21s linear infinite;
}
@keyframes fall-133 {
75.36% {
transform: translate(76.6991vw, 75.36vh) scale(0.3759);
}
to {
transform: translate(79.58955vw, 100vh) scale(0.3759);
}
}
.snow-mb:nth-child(134) {
opacity: 0.4503;
transform: translate(26.6597vw, -10px) scale(0.9335);
animation: fall-134 19s -6s linear infinite;
}
@keyframes fall-134 {
38.194% {
transform: translate(17.6147vw, 38.194vh) scale(0.9335);
}
to {
transform: translate(22.1372vw, 100vh) scale(0.9335);
}
}
.snow-mb:nth-child(135) {
opacity: 0.3787;
transform: translate(28.3664vw, -10px) scale(0.214);
animation: fall-135 27s -26s linear infinite;
}
@keyframes fall-135 {
52.334% {
transform: translate(20.051vw, 52.334vh) scale(0.214);
}
to {
transform: translate(24.2087vw, 100vh) scale(0.214);
}
}
.snow-mb:nth-child(136) {
opacity: 0.0142;
transform: translate(12.5682vw, -10px) scale(0.0618);
animation: fall-136 28s -27s linear infinite;
}
@keyframes fall-136 {
68.474% {
transform: translate(7.4264vw, 68.474vh) scale(0.0618);
}
to {
transform: translate(9.9973vw, 100vh) scale(0.0618);
}
}
.snow-mb:nth-child(137) {
opacity: 0.6317;
transform: translate(93.7796vw, -10px) scale(0.833);
animation: fall-137 29s -5s linear infinite;
}
@keyframes fall-137 {
46.3% {
transform: translate(95.0108vw, 46.3vh) scale(0.833);
}
to {
transform: translate(94.3952vw, 100vh) scale(0.833);
}
}
.snow-mb:nth-child(138) {
opacity: 0.3971;
transform: translate(77.1471vw, -10px) scale(0.2817);
animation: fall-138 20s -8s linear infinite;
}
@keyframes fall-138 {
63.487% {
transform: translate(76.5307vw, 63.487vh) scale(0.2817);
}
to {
transform: translate(76.8389vw, 100vh) scale(0.2817);
}
}
.snow-mb:nth-child(139) {
opacity: 0.417;
transform: translate(99.9528vw, -10px) scale(0.0261);
animation: fall-139 21s -14s linear infinite;
}
@keyframes fall-139 {
69.655% {
transform: translate(103.0698vw, 69.655vh) scale(0.0261);
}
to {
transform: translate(101.5113vw, 100vh) scale(0.0261);
}
}
.snow-mb:nth-child(140) {
opacity: 0.2598;
transform: translate(90.5058vw, -10px) scale(0.0727);
animation: fall-140 12s -1s linear infinite;
}
@keyframes fall-140 {
56.086% {
transform: translate(98.8386vw, 56.086vh) scale(0.0727);
}
to {
transform: translate(94.6722vw, 100vh) scale(0.0727);
}
}
.snow-mb:nth-child(141) {
opacity: 0.218;
transform: translate(72.8766vw, -10px) scale(0.1785);
animation: fall-141 13s -19s linear infinite;
}
@keyframes fall-141 {
40.284% {
transform: translate(64.0749vw, 40.284vh) scale(0.1785);
}
to {
transform: translate(68.47575vw, 100vh) scale(0.1785);
}
}
.snow-mb:nth-child(142) {
opacity: 0.0046;
transform: translate(21.1554vw, -10px) scale(0.4353);
animation: fall-142 24s -27s linear infinite;
}
@keyframes fall-142 {
72.188% {
transform: translate(23.6049vw, 72.188vh) scale(0.4353);
}
to {
transform: translate(22.38015vw, 100vh) scale(0.4353);
}
}
.snow-mb:nth-child(143) {
opacity: 0.1482;
transform: translate(79.0513vw, -10px) scale(0.6581);
animation: fall-143 18s -30s linear infinite;
}
@keyframes fall-143 {
38.229% {
transform: translate(70.1589vw, 38.229vh) scale(0.6581);
}
to {
transform: translate(74.6051vw, 100vh) scale(0.6581);
}
}
.snow-mb:nth-child(144) {
opacity: 0.9043;
transform: translate(98.3383vw, -10px) scale(0.9711);
animation: fall-144 28s -3s linear infinite;
}
@keyframes fall-144 {
55.587% {
transform: translate(93.2859vw, 55.587vh) scale(0.9711);
}
to {
transform: translate(95.8121vw, 100vh) scale(0.9711);
}
}
.snow-mb:nth-child(145) {
opacity: 0.2472;
transform: translate(72.7989vw, -10px) scale(0.465);
animation: fall-145 19s -16s linear infinite;
}
@keyframes fall-145 {
43.317% {
transform: translate(71.049vw, 43.317vh) scale(0.465);
}
to {
transform: translate(71.92395vw, 100vh) scale(0.465);
}
}
.snow-mb:nth-child(146) {
opacity: 0.7269;
transform: translate(60.5734vw, -10px) scale(0.6832);
animation: fall-146 28s -14s linear infinite;
}
@keyframes fall-146 {
73.832% {
transform: translate(52.2457vw, 73.832vh) scale(0.6832);
}
to {
transform: translate(56.40955vw, 100vh) scale(0.6832);
}
}
.snow-mb:nth-child(147) {
opacity: 0.8918;
transform: translate(10.9432vw, -10px) scale(0.4475);
animation: fall-147 13s -11s linear infinite;
}
@keyframes fall-147 {
58.185% {
transform: translate(4.3035vw, 58.185vh) scale(0.4475);
}
to {
transform: translate(7.62335vw, 100vh) scale(0.4475);
}
}
.snow-mb:nth-child(148) {
opacity: 0.1839;
transform: translate(25.1292vw, -10px) scale(0.4598);
animation: fall-148 26s -27s linear infinite;
}
@keyframes fall-148 {
58.052% {
transform: translate(31.0803vw, 58.052vh) scale(0.4598);
}
to {
transform: translate(28.10475vw, 100vh) scale(0.4598);
}
}
.snow-mb:nth-child(149) {
opacity: 0.4262;
transform: translate(48.5032vw, -10px) scale(0.5175);
animation: fall-149 30s -8s linear infinite;
}
@keyframes fall-149 {
76.99% {
transform: translate(38.7467vw, 76.99vh) scale(0.5175);
}
to {
transform: translate(43.62495vw, 100vh) scale(0.5175);
}
}
.snow-mb:nth-child(150) {
opacity: 0.0365;
transform: translate(43.0307vw, -10px) scale(0.2819);
animation: fall-150 12s -26s linear infinite;
}
@keyframes fall-150 {
59.455% {
transform: translate(36.3155vw, 59.455vh) scale(0.2819);
}
to {
transform: translate(39.6731vw, 100vh) scale(0.2819);
}
}
.snow-mb:nth-child(151) {
opacity: 0.4116;
transform: translate(30.0339vw, -10px) scale(0.2415);
animation: fall-151 21s -16s linear infinite;
}
@keyframes fall-151 {
74.801% {
transform: translate(20.65vw, 74.801vh) scale(0.2415);
}
to {
transform: translate(25.34195vw, 100vh) scale(0.2415);
}
}
.snow-mb:nth-child(152) {
opacity: 0.0733;
transform: translate(53.9119vw, -10px) scale(0.1114);
animation: fall-152 18s -11s linear infinite;
}
@keyframes fall-152 {
37.289% {
transform: translate(52.1139vw, 37.289vh) scale(0.1114);
}
to {
transform: translate(53.0129vw, 100vh) scale(0.1114);
}
}
.snow-mb:nth-child(153) {
opacity: 0.0387;
transform: translate(74.169vw, -10px) scale(0.3669);
animation: fall-153 22s -21s linear infinite;
}
@keyframes fall-153 {
32.755% {
transform: translate(81.914vw, 32.755vh) scale(0.3669);
}
to {
transform: translate(78.0415vw, 100vh) scale(0.3669);
}
}
.snow-mb:nth-child(154) {
opacity: 0.8817;
transform: translate(3.7331vw, -10px) scale(0.1538);
animation: fall-154 18s -13s linear infinite;
}
@keyframes fall-154 {
73.13% {
transform: translate(13.0841vw, 73.13vh) scale(0.1538);
}
to {
transform: translate(8.4086vw, 100vh) scale(0.1538);
}
}
.snow-mb:nth-child(155) {
opacity: 0.1798;
transform: translate(24.2379vw, -10px) scale(0.2345);
animation: fall-155 14s -9s linear infinite;
}
@keyframes fall-155 {
55.328% {
transform: translate(24.8564vw, 55.328vh) scale(0.2345);
}
to {
transform: translate(24.54715vw, 100vh) scale(0.2345);
}
}
.snow-mb:nth-child(156) {
opacity: 0.9103;
transform: translate(86.088vw, -10px) scale(0.0814);
animation: fall-156 20s -23s linear infinite;
}
@keyframes fall-156 {
75.432% {
transform: translate(82.3536vw, 75.432vh) scale(0.0814);
}
to {
transform: translate(84.2208vw, 100vh) scale(0.0814);
}
}
.snow-mb:nth-child(157) {
opacity: 0.9712;
transform: translate(56.9759vw, -10px) scale(0.0771);
animation: fall-157 24s -10s linear infinite;
}
@keyframes fall-157 {
67.701% {
transform: translate(64.5953vw, 67.701vh) scale(0.0771);
}
to {
transform: translate(60.7856vw, 100vh) scale(0.0771);
}
}
.snow-mb:nth-child(158) {
opacity: 0.7384;
transform: translate(45.8887vw, -10px) scale(0.3585);
animation: fall-158 30s -5s linear infinite;
}
@keyframes fall-158 {
73.73% {
transform: translate(48.2696vw, 73.73vh) scale(0.3585);
}
to {
transform: translate(47.07915vw, 100vh) scale(0.3585);
}
}
.snow-mb:nth-child(159) {
opacity: 0.3127;
transform: translate(76.1319vw, -10px) scale(0.0844);
animation: fall-159 23s -8s linear infinite;
}
@keyframes fall-159 {
64.888% {
transform: translate(84.0941vw, 64.888vh) scale(0.0844);
}
to {
transform: translate(80.113vw, 100vh) scale(0.0844);
}
}
.snow-mb:nth-child(160) {
opacity: 0.9687;
transform: translate(73.6438vw, -10px) scale(0.3395);
animation: fall-160 24s -4s linear infinite;
}
@keyframes fall-160 {
47.058% {
transform: translate(66.216vw, 47.058vh) scale(0.3395);
}
to {
transform: translate(69.9299vw, 100vh) scale(0.3395);
}
}
.snow-mb:nth-child(161) {
opacity: 0.5782;
transform: translate(12.9185vw, -10px) scale(0.9932);
animation: fall-161 16s -5s linear infinite;
}
@keyframes fall-161 {
49.516% {
transform: translate(9.8692vw, 49.516vh) scale(0.9932);
}
to {
transform: translate(11.39385vw, 100vh) scale(0.9932);
}
}
.snow-mb:nth-child(162) {
opacity: 0.92;
transform: translate(29.4381vw, -10px) scale(0.1636);
animation: fall-162 28s -18s linear infinite;
}
@keyframes fall-162 {
53.455% {
transform: translate(23.7813vw, 53.455vh) scale(0.1636);
}
to {
transform: translate(26.6097vw, 100vh) scale(0.1636);
}
}
.snow-mb:nth-child(163) {
opacity: 0.8096;
transform: translate(54.3017vw, -10px) scale(0.708);
animation: fall-163 21s -22s linear infinite;
}
@keyframes fall-163 {
69.405% {
transform: translate(49.7118vw, 69.405vh) scale(0.708);
}
to {
transform: translate(52.00675vw, 100vh) scale(0.708);
}
}
.snow-mb:nth-child(164) {
opacity: 0.4804;
transform: translate(96.3505vw, -10px) scale(0.8298);
animation: fall-164 30s -30s linear infinite;
}
@keyframes fall-164 {
31.965% {
transform: translate(97.2108vw, 31.965vh) scale(0.8298);
}
to {
transform: translate(96.78065vw, 100vh) scale(0.8298);
}
}
.snow-mb:nth-child(165) {
opacity: 0.3324;
transform: translate(97.1503vw, -10px) scale(0.6481);
animation: fall-165 11s -29s linear infinite;
}
@keyframes fall-165 {
51.324% {
transform: translate(92.8304vw, 51.324vh) scale(0.6481);
}
to {
transform: translate(94.99035vw, 100vh) scale(0.6481);
}
}
.snow-mb:nth-child(166) {
opacity: 0.4453;
transform: translate(45.5579vw, -10px) scale(0.1231);
animation: fall-166 26s -16s linear infinite;
}
@keyframes fall-166 {
58.373% {
transform: translate(42.3719vw, 58.373vh) scale(0.1231);
}
to {
transform: translate(43.9649vw, 100vh) scale(0.1231);
}
}
.snow-mb:nth-child(167) {
opacity: 0.9279;
transform: translate(41.9294vw, -10px) scale(0.7611);
animation: fall-167 15s -17s linear infinite;
}
@keyframes fall-167 {
59.066% {
transform: translate(49.1331vw, 59.066vh) scale(0.7611);
}
to {
transform: translate(45.53125vw, 100vh) scale(0.7611);
}
}
.snow-mb:nth-child(168) {
opacity: 0.2915;
transform: translate(64.0788vw, -10px) scale(0.9612);
animation: fall-168 16s -24s linear infinite;
}
@keyframes fall-168 {
36.477% {
transform: translate(58.0789vw, 36.477vh) scale(0.9612);
}
to {
transform: translate(61.07885vw, 100vh) scale(0.9612);
}
}
.snow-mb:nth-child(169) {
opacity: 0.1912;
transform: translate(84.3211vw, -10px) scale(0.5746);
animation: fall-169 22s -21s linear infinite;
}
@keyframes fall-169 {
78.927% {
transform: translate(88.0333vw, 78.927vh) scale(0.5746);
}
to {
transform: translate(86.1772vw, 100vh) scale(0.5746);
}
}
.snow-mb:nth-child(170) {
opacity: 0.4787;
transform: translate(96.1738vw, -10px) scale(0.271);
animation: fall-170 17s -23s linear infinite;
}
@keyframes fall-170 {
56.993% {
transform: translate(97.6126vw, 56.993vh) scale(0.271);
}
to {
transform: translate(96.8932vw, 100vh) scale(0.271);
}
}
.snow-mb:nth-child(171) {
opacity: 0.667;
transform: translate(88.6997vw, -10px) scale(0.8732);
animation: fall-171 23s -22s linear infinite;
}
@keyframes fall-171 {
72.552% {
transform: translate(87.6537vw, 72.552vh) scale(0.8732);
}
to {
transform: translate(88.1767vw, 100vh) scale(0.8732);
}
}
.snow-mb:nth-child(172) {
opacity: 0.2354;
transform: translate(24.9435vw, -10px) scale(0.6725);
animation: fall-172 20s -7s linear infinite;
}
@keyframes fall-172 {
32.458% {
transform: translate(34.802vw, 32.458vh) scale(0.6725);
}
to {
transform: translate(29.87275vw, 100vh) scale(0.6725);
}
}
.snow-mb:nth-child(173) {
opacity: 0.109;
transform: translate(86.2091vw, -10px) scale(0.0045);
animation: fall-173 13s -22s linear infinite;
}
@keyframes fall-173 {
67.91% {
transform: translate(89.4641vw, 67.91vh) scale(0.0045);
}
to {
transform: translate(87.8366vw, 100vh) scale(0.0045);
}
}
.snow-mb:nth-child(174) {
opacity: 0.3353;
transform: translate(16.0611vw, -10px) scale(0.2794);
animation: fall-174 30s -30s linear infinite;
}
@keyframes fall-174 {
70.716% {
transform: translate(24.3197vw, 70.716vh) scale(0.2794);
}
to {
transform: translate(20.1904vw, 100vh) scale(0.2794);
}
}
.snow-mb:nth-child(175) {
opacity: 0.9307;
transform: translate(12.7268vw, -10px) scale(0.4185);
animation: fall-175 16s -6s linear infinite;
}
@keyframes fall-175 {
44.83% {
transform: translate(4.3312vw, 44.83vh) scale(0.4185);
}
to {
transform: translate(8.529vw, 100vh) scale(0.4185);
}
}
.snow-mb:nth-child(176) {
opacity: 0.6352;
transform: translate(29.8773vw, -10px) scale(0.7007);
animation: fall-176 19s -9s linear infinite;
}
@keyframes fall-176 {
61.975% {
transform: translate(34.1034vw, 61.975vh) scale(0.7007);
}
to {
transform: translate(31.99035vw, 100vh) scale(0.7007);
}
}
.snow-mb:nth-child(177) {
opacity: 0.4694;
transform: translate(88.954vw, -10px) scale(0.8361);
animation: fall-177 21s -17s linear infinite;
}
@keyframes fall-177 {
49.878% {
transform: translate(86.9705vw, 49.878vh) scale(0.8361);
}
to {
transform: translate(87.96225vw, 100vh) scale(0.8361);
}
}
.snow-mb:nth-child(178) {
opacity: 0.1269;
transform: translate(68.8758vw, -10px) scale(0.2614);
animation: fall-178 15s -4s linear infinite;
}
@keyframes fall-178 {
38.72% {
transform: translate(78.2552vw, 38.72vh) scale(0.2614);
}
to {
transform: translate(73.5655vw, 100vh) scale(0.2614);
}
}
.snow-mb:nth-child(179) {
opacity: 0.9128;
transform: translate(0.984vw, -10px) scale(0.6084);
animation: fall-179 28s -15s linear infinite;
}
@keyframes fall-179 {
70.508% {
transform: translate(0.4713vw, 70.508vh) scale(0.6084);
}
to {
transform: translate(0.72765vw, 100vh) scale(0.6084);
}
}
.snow-mb:nth-child(180) {
opacity: 0.4403;
transform: translate(59.8453vw, -10px) scale(0.8863);
animation: fall-180 24s -23s linear infinite;
}
@keyframes fall-180 {
51.693% {
transform: translate(65.2328vw, 51.693vh) scale(0.8863);
}
to {
transform: translate(62.53905vw, 100vh) scale(0.8863);
}
}
.snow-mb:nth-child(181) {
opacity: 0.2352;
transform: translate(32.5871vw, -10px) scale(0.9779);
animation: fall-181 21s -21s linear infinite;
}
@keyframes fall-181 {
37.369% {
transform: translate(22.9581vw, 37.369vh) scale(0.9779);
}
to {
transform: translate(27.7726vw, 100vh) scale(0.9779);
}
}
.snow-mb:nth-child(182) {
opacity: 0.0446;
transform: translate(99.66vw, -10px) scale(0.402);
animation: fall-182 28s -4s linear infinite;
}
@keyframes fall-182 {
42.583% {
transform: translate(97.1229vw, 42.583vh) scale(0.402);
}
to {
transform: translate(98.39145vw, 100vh) scale(0.402);
}
}
.snow-mb:nth-child(183) {
opacity: 0.5918;
transform: translate(17.8462vw, -10px) scale(0.3733);
animation: fall-183 30s -2s linear infinite;
}
@keyframes fall-183 {
38.194% {
transform: translate(13.8411vw, 38.194vh) scale(0.3733);
}
to {
transform: translate(15.84365vw, 100vh) scale(0.3733);
}
}
.snow-mb:nth-child(184) {
opacity: 0.3373;
transform: translate(3.7212vw, -10px) scale(0.5232);
animation: fall-184 27s -22s linear infinite;
}
@keyframes fall-184 {
50.784% {
transform: translate(4.1813vw, 50.784vh) scale(0.5232);
}
to {
transform: translate(3.95125vw, 100vh) scale(0.5232);
}
}
.snow-mb:nth-child(185) {
opacity: 0.1468;
transform: translate(35.3054vw, -10px) scale(0.1664);
animation: fall-185 15s -22s linear infinite;
}
@keyframes fall-185 {
52.397% {
transform: translate(32.9077vw, 52.397vh) scale(0.1664);
}
to {
transform: translate(34.10655vw, 100vh) scale(0.1664);
}
}
.snow-mb:nth-child(186) {
opacity: 0.0873;
transform: translate(63.2178vw, -10px) scale(0.2402);
animation: fall-186 18s -7s linear infinite;
}
@keyframes fall-186 {
65.787% {
transform: translate(59.5878vw, 65.787vh) scale(0.2402);
}
to {
transform: translate(61.4028vw, 100vh) scale(0.2402);
}
}
.snow-mb:nth-child(187) {
opacity: 0.7778;
transform: translate(64.4139vw, -10px) scale(0.3837);
animation: fall-187 28s -19s linear infinite;
}
@keyframes fall-187 {
42.318% {
transform: translate(73.7612vw, 42.318vh) scale(0.3837);
}
to {
transform: translate(69.08755vw, 100vh) scale(0.3837);
}
}
.snow-mb:nth-child(188) {
opacity: 0.7113;
transform: translate(96.428vw, -10px) scale(0.5715);
animation: fall-188 19s -3s linear infinite;
}
@keyframes fall-188 {
71.259% {
transform: translate(95.2884vw, 71.259vh) scale(0.5715);
}
to {
transform: translate(95.8582vw, 100vh) scale(0.5715);
}
}
.snow-mb:nth-child(189) {
opacity: 0.3701;
transform: translate(45.7838vw, -10px) scale(0.0241);
animation: fall-189 24s -22s linear infinite;
}
@keyframes fall-189 {
62.11% {
transform: translate(50.986vw, 62.11vh) scale(0.0241);
}
to {
transform: translate(48.3849vw, 100vh) scale(0.0241);
}
}
.snow-mb:nth-child(190) {
opacity: 0.8264;
transform: translate(17.1413vw, -10px) scale(0.2625);
animation: fall-190 17s -15s linear infinite;
}
@keyframes fall-190 {
48.954% {
transform: translate(10.7265vw, 48.954vh) scale(0.2625);
}
to {
transform: translate(13.9339vw, 100vh) scale(0.2625);
}
}
.snow-mb:nth-child(191) {
opacity: 0.2333;
transform: translate(39.0129vw, -10px) scale(0.8289);
animation: fall-191 16s -8s linear infinite;
}
@keyframes fall-191 {
76.17% {
transform: translate(31.3219vw, 76.17vh) scale(0.8289);
}
to {
transform: translate(35.1674vw, 100vh) scale(0.8289);
}
}
.snow-mb:nth-child(192) {
opacity: 0.9688;
transform: translate(65.1413vw, -10px) scale(0.9496);
animation: fall-192 27s -23s linear infinite;
}
@keyframes fall-192 {
61.613% {
transform: translate(71.0314vw, 61.613vh) scale(0.9496);
}
to {
transform: translate(68.08635vw, 100vh) scale(0.9496);
}
}
.snow-mb:nth-child(193) {
opacity: 0.0827;
transform: translate(95.3763vw, -10px) scale(0.3348);
animation: fall-193 16s -3s linear infinite;
}
@keyframes fall-193 {
58.619% {
transform: translate(94.2744vw, 58.619vh) scale(0.3348);
}
to {
transform: translate(94.82535vw, 100vh) scale(0.3348);
}
}
.snow-mb:nth-child(194) {
opacity: 0.1471;
transform: translate(19.0049vw, -10px) scale(0.6118);
animation: fall-194 21s -5s linear infinite;
}
@keyframes fall-194 {
65.033% {
transform: translate(22.4168vw, 65.033vh) scale(0.6118);
}
to {
transform: translate(20.71085vw, 100vh) scale(0.6118);
}
}
.snow-mb:nth-child(195) {
opacity: 0.6348;
transform: translate(58.1006vw, -10px) scale(0.0378);
animation: fall-195 27s -29s linear infinite;
}
@keyframes fall-195 {
56.461% {
transform: translate(56.5714vw, 56.461vh) scale(0.0378);
}
to {
transform: translate(57.336vw, 100vh) scale(0.0378);
}
}
.snow-mb:nth-child(196) {
opacity: 0.0794;
transform: translate(9.0744vw, -10px) scale(0.1845);
animation: fall-196 20s -29s linear infinite;
}
@keyframes fall-196 {
46.39% {
transform: translate(3.0502vw, 46.39vh) scale(0.1845);
}
to {
transform: translate(6.0623vw, 100vh) scale(0.1845);
}
}
.snow-mb:nth-child(197) {
opacity: 0.1328;
transform: translate(22.8735vw, -10px) scale(0.1708);
animation: fall-197 29s -22s linear infinite;
}
@keyframes fall-197 {
47.333% {
transform: translate(29.3041vw, 47.333vh) scale(0.1708);
}
to {
transform: translate(26.0888vw, 100vh) scale(0.1708);
}
}
.snow-mb:nth-child(198) {
opacity: 0.5607;
transform: translate(48.1208vw, -10px) scale(0.0475);
animation: fall-198 24s -12s linear infinite;
}
@keyframes fall-198 {
37.861% {
transform: translate(53.4147vw, 37.861vh) scale(0.0475);
}
to {
transform: translate(50.76775vw, 100vh) scale(0.0475);
}
}
.snow-mb:nth-child(199) {
opacity: 0.5292;
transform: translate(2.2785vw, -10px) scale(0.0395);
animation: fall-199 26s -29s linear infinite;
}
@keyframes fall-199 {
31.926% {
transform: translate(7.3794vw, 31.926vh) scale(0.0395);
}
to {
transform: translate(4.82895vw, 100vh) scale(0.0395);
}
}
.snow-mb:nth-child(200) {
opacity: 0.0911;
transform: translate(35.2308vw, -10px) scale(0.8894);
animation: fall-200 25s -15s linear infinite;
}
@keyframes fall-200 {
66.814% {
transform: translate(25.8962vw, 66.814vh) scale(0.8894);
}
to {
transform: translate(30.5635vw, 100vh) scale(0.8894);
}
}
.oxel_back_to_top_container--hidden {
bottom: -64px; 
}
div#div_block-673-337::-webkit-scrollbar {
width: 0px;
height: 0px;
border-radius: 50px;
background-color: #F5F5F5;
}
div#div_block-673-337::-webkit-scrollbar-thumb {
border-radius: 10px;
height: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555555;
}
div#div_block-673-337::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
height: 0px;
background-color: #F5F5F5;
}
div#div_block-662-337::-webkit-scrollbar {
width: 0px;
height: 0px;
border-radius: 50px;
background-color: #F5F5F5;
}
div#div_block-662-337::-webkit-scrollbar-thumb {
border-radius: 10px;
height: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555555;
}
div#div_block-662-337::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
height: 0px;
background-color: #F5F5F5;
}
#div_block-262-337{
display: flex!important;
}
#div_block-385-337{
display: flex!important;
}
#div_block-1493-337{
display: flex!important;
}
div#div_block-442-341::-webkit-scrollbar {
width: 0px;
height: 0px;
border-radius: 50px;
background-color: #F5F5F5;
}
div#div_block-442-341::-webkit-scrollbar-thumb {
border-radius: 10px;
height: 0px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555555;
}
div#div_block-442-341::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
height: 0px;
background-color: #F5F5F5;
}
.container {
/*
height: 100vh;
width: 100vw;
overflow: hidden;
background: #485563;
background: -webkit-linear-gradient(to right, #29323c, #485563);
background: linear-gradient(to right, #29323c, #485563);
*/
display: flex;
justify-content: left;
align-items: left;
}
.menu_icon {
width: 40px;
height: 35px;
margin: auto;
z-index: 31;
cursor: pointer;
position: relative;
display: flex;
align-items: left;
padding: 5px 0;
}
.menu_icon span {
border-radius:5px;
position: absolute;
display: block;
height: 3.5px;
width: 60px;
background-color: #841e9e;
transform: rotate(0);
transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
span.one {
top: 5px;
box-shadow: 0 0 2px 2px #fff;
width: 40px;
}
span.two {
box-shadow: 0 0 2px 2px #fff;
top: 16px;
width: 30px;
}
span.three {
top: 27px;
width: 50px;
box-shadow: 0 0 2px 2px #fff;
}
.menu_icon .one {
animation: width 3s ease infinite;
}
.menu_icon .two {
animation: width1 3s ease infinite;
}
.menu_icon .three {
animation: width2 3s ease infinite;
}
@keyframes width {
0% {
width: 20px;
}
25% {
width: 35px;
}
50% {
width: 15px;
}
75% {
width: 35px;
}
100% {
width: 20px;
}
}
@keyframes width1 {
0% {
width: 25px;
}
25% {
width: 15px;
}
50% {
width: 35px;
}
75% {
width: 15px;
}
100% {
width: 25px;
}
}
@keyframes width2 {
0% {
width: 30px;
}
25% {
width: 10px;
}
50% {
width: 25px;
}
75% {
width: 35px;
}
100% {
width: 30px;
}
}
.snow-mb {
position: absolute;
width: 5.5px;
height: 5.5px;
background: #fdef8e;
border-radius: 50%;
box-shadow: 0px 0px 8px 0px #fdef8e;
}
.snow-mb:nth-child(1) {
opacity: 0.3394;
transform: translate(44.0323vw, -10px) scale(0.7136);
animation: fall-1 12s -18s linear infinite;
}
@keyframes fall-1 {
37.99% {
transform: translate(53.3836vw, 37.99vh) scale(0.7136);
}
to {
transform: translate(48.70795vw, 100vh) scale(0.7136);
}
}
.snow-mb:nth-child(2) {
opacity: 0.1891;
transform: translate(94.5699vw, -10px) scale(0.0983);
animation: fall-2 29s -14s linear infinite;
}
@keyframes fall-2 {
45.868% {
transform: translate(88.578vw, 45.868vh) scale(0.0983);
}
to {
transform: translate(91.57395vw, 100vh) scale(0.0983);
}
}
.snow-mb:nth-child(3) {
opacity: 0.4617;
transform: translate(75.9562vw, -10px) scale(0.4039);
animation: fall-3 22s -4s linear infinite;
}
@keyframes fall-3 {
65.738% {
transform: translate(76.5421vw, 65.738vh) scale(0.4039);
}
to {
transform: translate(76.24915vw, 100vh) scale(0.4039);
}
}
.snow-mb:nth-child(4) {
opacity: 0.1907;
transform: translate(35.3676vw, -10px) scale(0.7076);
animation: fall-4 28s -1s linear infinite;
}
@keyframes fall-4 {
33.414% {
transform: translate(37.5851vw, 33.414vh) scale(0.7076);
}
to {
transform: translate(36.47635vw, 100vh) scale(0.7076);
}
}
.snow-mb:nth-child(5) {
opacity: 0.4445;
transform: translate(79.5386vw, -10px) scale(0.2218);
animation: fall-5 27s -16s linear infinite;
}
@keyframes fall-5 {
73.654% {
transform: translate(86.6428vw, 73.654vh) scale(0.2218);
}
to {
transform: translate(83.0907vw, 100vh) scale(0.2218);
}
}
.snow-mb:nth-child(6) {
opacity: 0.8526;
transform: translate(52.2601vw, -10px) scale(0.0115);
animation: fall-6 19s -18s linear infinite;
}
@keyframes fall-6 {
43.758% {
transform: translate(46.0281vw, 43.758vh) scale(0.0115);
}
to {
transform: translate(49.1441vw, 100vh) scale(0.0115);
}
}
.snow-mb:nth-child(7) {
opacity: 0.0749;
transform: translate(81.9854vw, -10px) scale(0.6638);
animation: fall-7 18s -12s linear infinite;
}
@keyframes fall-7 {
55.958% {
transform: translate(75.3083vw, 55.958vh) scale(0.6638);
}
to {
transform: translate(78.64685vw, 100vh) scale(0.6638);
}
}
.snow-mb:nth-child(8) {
opacity: 0.0816;
transform: translate(7.3631vw, -10px) scale(0.601);
animation: fall-8 24s -26s linear infinite;
}
@keyframes fall-8 {
37.208% {
transform: translate(9.4947vw, 37.208vh) scale(0.601);
}
to {
transform: translate(8.4289vw, 100vh) scale(0.601);
}
}
.snow-mb:nth-child(9) {
opacity: 0.4173;
transform: translate(78.606vw, -10px) scale(0.0191);
animation: fall-9 16s -9s linear infinite;
}
@keyframes fall-9 {
75.71% {
transform: translate(69.3675vw, 75.71vh) scale(0.0191);
}
to {
transform: translate(73.98675vw, 100vh) scale(0.0191);
}
}
.snow-mb:nth-child(10) {
opacity: 0.9517;
transform: translate(54.4879vw, -10px) scale(0.2419);
animation: fall-10 18s -8s linear infinite;
}
@keyframes fall-10 {
33.771% {
transform: translate(64.388vw, 33.771vh) scale(0.2419);
}
to {
transform: translate(59.43795vw, 100vh) scale(0.2419);
}
}
.snow-mb:nth-child(11) {
opacity: 0.9136;
transform: translate(77.8218vw, -10px) scale(0.7802);
animation: fall-11 26s -8s linear infinite;
}
@keyframes fall-11 {
30.582% {
transform: translate(79.5789vw, 30.582vh) scale(0.7802);
}
to {
transform: translate(78.70035vw, 100vh) scale(0.7802);
}
}
.snow-mb:nth-child(12) {
opacity: 0.4927;
transform: translate(42.5557vw, -10px) scale(0.7757);
animation: fall-12 21s -15s linear infinite;
}
@keyframes fall-12 {
46.179% {
transform: translate(33.1582vw, 46.179vh) scale(0.7757);
}
to {
transform: translate(37.85695vw, 100vh) scale(0.7757);
}
}
.snow-mb:nth-child(13) {
opacity: 0.3248;
transform: translate(35.876vw, -10px) scale(0.2626);
animation: fall-13 27s -28s linear infinite;
}
@keyframes fall-13 {
78.812% {
transform: translate(43.4803vw, 78.812vh) scale(0.2626);
}
to {
transform: translate(39.67815vw, 100vh) scale(0.2626);
}
}
.snow-mb:nth-child(14) {
opacity: 0.2782;
transform: translate(13.7306vw, -10px) scale(0.9666);
animation: fall-14 13s -18s linear infinite;
}
@keyframes fall-14 {
68.112% {
transform: translate(4.9632vw, 68.112vh) scale(0.9666);
}
to {
transform: translate(9.3469vw, 100vh) scale(0.9666);
}
}
.snow-mb:nth-child(15) {
opacity: 0.9819;
transform: translate(66.1379vw, -10px) scale(0.1232);
animation: fall-15 19s -18s linear infinite;
}
@keyframes fall-15 {
36.626% {
transform: translate(59.9271vw, 36.626vh) scale(0.1232);
}
to {
transform: translate(63.0325vw, 100vh) scale(0.1232);
}
}
.snow-mb:nth-child(16) {
opacity: 0.7834;
transform: translate(28.5392vw, -10px) scale(0.7778);
animation: fall-16 21s -26s linear infinite;
}
@keyframes fall-16 {
47.655% {
transform: translate(38.4894vw, 47.655vh) scale(0.7778);
}
to {
transform: translate(33.5143vw, 100vh) scale(0.7778);
}
}
.snow-mb:nth-child(17) {
opacity: 0.53;
transform: translate(20.6402vw, -10px) scale(0.7585);
animation: fall-17 22s -15s linear infinite;
}
@keyframes fall-17 {
45.957% {
transform: translate(13.7936vw, 45.957vh) scale(0.7585);
}
to {
transform: translate(17.2169vw, 100vh) scale(0.7585);
}
}
.snow-mb:nth-child(18) {
opacity: 0.0155;
transform: translate(6.5024vw, -10px) scale(0.9889);
animation: fall-18 14s -4s linear infinite;
}
@keyframes fall-18 {
75.865% {
transform: translate(-3.3298vw, 75.865vh) scale(0.9889);
}
to {
transform: translate(1.5863vw, 100vh) scale(0.9889);
}
}
.snow-mb:nth-child(19) {
opacity: 0.9492;
transform: translate(45.5988vw, -10px) scale(0.0578);
animation: fall-19 21s -12s linear infinite;
}
@keyframes fall-19 {
79.955% {
transform: translate(46.1836vw, 79.955vh) scale(0.0578);
}
to {
transform: translate(45.8912vw, 100vh) scale(0.0578);
}
}
.snow-mb:nth-child(20) {
opacity: 0.343;
transform: translate(38.2403vw, -10px) scale(0.2738);
animation: fall-20 14s -13s linear infinite;
}
@keyframes fall-20 {
72.502% {
transform: translate(31.2838vw, 72.502vh) scale(0.2738);
}
to {
transform: translate(34.76205vw, 100vh) scale(0.2738);
}
}
.snow-mb:nth-child(21) {
opacity: 0.7414;
transform: translate(76.9246vw, -10px) scale(0.4233);
animation: fall-21 11s -19s linear infinite;
}
@keyframes fall-21 {
47.393% {
transform: translate(67.3462vw, 47.393vh) scale(0.4233);
}
to {
transform: translate(72.1354vw, 100vh) scale(0.4233);
}
}
.snow-mb:nth-child(22) {
opacity: 0.184;
transform: translate(24.5248vw, -10px) scale(0.031);
animation: fall-22 24s -4s linear infinite;
}
@keyframes fall-22 {
32.021% {
transform: translate(25.5917vw, 32.021vh) scale(0.031);
}
to {
transform: translate(25.05825vw, 100vh) scale(0.031);
}
}
.snow-mb:nth-child(23) {
opacity: 0.0492;
transform: translate(6.3886vw, -10px) scale(0.9244);
animation: fall-23 14s -24s linear infinite;
}
@keyframes fall-23 {
50.998% {
transform: translate(14.467vw, 50.998vh) scale(0.9244);
}
to {
transform: translate(10.4278vw, 100vh) scale(0.9244);
}
}
.snow-mb:nth-child(24) {
opacity: 0.4853;
transform: translate(97.8811vw, -10px) scale(0.3943);
animation: fall-24 24s -27s linear infinite;
}
@keyframes fall-24 {
75.423% {
transform: translate(95.7658vw, 75.423vh) scale(0.3943);
}
to {
transform: translate(96.82345vw, 100vh) scale(0.3943);
}
}
.snow-mb:nth-child(25) {
opacity: 0.1591;
transform: translate(49.3359vw, -10px) scale(0.0693);
animation: fall-25 22s -18s linear infinite;
}
@keyframes fall-25 {
55.89% {
transform: translate(41.6413vw, 55.89vh) scale(0.0693);
}
to {
transform: translate(45.4886vw, 100vh) scale(0.0693);
}
}
.snow-mb:nth-child(26) {
opacity: 0.0201;
transform: translate(46.6276vw, -10px) scale(0.2827);
animation: fall-26 23s -8s linear infinite;
}
@keyframes fall-26 {
58.878% {
transform: translate(53.2498vw, 58.878vh) scale(0.2827);
}
to {
transform: translate(49.9387vw, 100vh) scale(0.2827);
}
}
.snow-mb:nth-child(27) {
opacity: 0.9238;
transform: translate(74.6649vw, -10px) scale(0.197);
animation: fall-27 26s -17s linear infinite;
}
@keyframes fall-27 {
34.155% {
transform: translate(80.0689vw, 34.155vh) scale(0.197);
}
to {
transform: translate(77.3669vw, 100vh) scale(0.197);
}
}
.snow-mb:nth-child(28) {
opacity: 0.471;
transform: translate(83.0425vw, -10px) scale(0.5366);
animation: fall-28 15s -12s linear infinite;
}
@keyframes fall-28 {
72.794% {
transform: translate(80.7471vw, 72.794vh) scale(0.5366);
}
to {
transform: translate(81.8948vw, 100vh) scale(0.5366);
}
}
.snow-mb:nth-child(29) {
opacity: 0.9428;
transform: translate(22.3976vw, -10px) scale(0.8234);
animation: fall-29 27s -1s linear infinite;
}
@keyframes fall-29 {
76.596% {
transform: translate(14.6268vw, 76.596vh) scale(0.8234);
}
to {
transform: translate(18.5122vw, 100vh) scale(0.8234);
}
}
.snow-mb:nth-child(30) {
opacity: 0.7524;
transform: translate(67.717vw, -10px) scale(0.9562);
animation: fall-30 11s -1s linear infinite;
}
@keyframes fall-30 {
77.54% {
transform: translate(69.9502vw, 77.54vh) scale(0.9562);
}
to {
transform: translate(68.8336vw, 100vh) scale(0.9562);
}
}
.snow-mb:nth-child(31) {
opacity: 0.5749;
transform: translate(91.3124vw, -10px) scale(0.4641);
animation: fall-31 28s -14s linear infinite;
}
@keyframes fall-31 {
60.965% {
transform: translate(83.2538vw, 60.965vh) scale(0.4641);
}
to {
transform: translate(87.2831vw, 100vh) scale(0.4641);
}
}
.snow-mb:nth-child(32) {
opacity: 0.4653;
transform: translate(9.6243vw, -10px) scale(0.0328);
animation: fall-32 14s -26s linear infinite;
}
@keyframes fall-32 {
39.874% {
transform: translate(1.5965vw, 39.874vh) scale(0.0328);
}
to {
transform: translate(5.6104vw, 100vh) scale(0.0328);
}
}
.snow-mb:nth-child(33) {
opacity: 0.3886;
transform: translate(38.1725vw, -10px) scale(0.2831);
animation: fall-33 30s -7s linear infinite;
}
@keyframes fall-33 {
52.542% {
transform: translate(30.8694vw, 52.542vh) scale(0.2831);
}
to {
transform: translate(34.52095vw, 100vh) scale(0.2831);
}
}
.snow-mb:nth-child(34) {
opacity: 0.4842;
transform: translate(67.6803vw, -10px) scale(0.7969);
animation: fall-34 24s -22s linear infinite;
}
@keyframes fall-34 {
35.625% {
transform: translate(65.6271vw, 35.625vh) scale(0.7969);
}
to {
transform: translate(66.6537vw, 100vh) scale(0.7969);
}
}
.snow-mb:nth-child(35) {
opacity: 0.6612;
transform: translate(7.3249vw, -10px) scale(0.6455);
animation: fall-35 30s -12s linear infinite;
}
@keyframes fall-35 {
62.113% {
transform: translate(16.3441vw, 62.113vh) scale(0.6455);
}
to {
transform: translate(11.8345vw, 100vh) scale(0.6455);
}
}
.snow-mb:nth-child(36) {
opacity: 0.1313;
transform: translate(78.3846vw, -10px) scale(0.4266);
animation: fall-36 28s -9s linear infinite;
}
@keyframes fall-36 {
46.202% {
transform: translate(79.5491vw, 46.202vh) scale(0.4266);
}
to {
transform: translate(78.96685vw, 100vh) scale(0.4266);
}
}
.snow-mb:nth-child(37) {
opacity: 0.6112;
transform: translate(52.5754vw, -10px) scale(0.8626);
animation: fall-37 18s -17s linear infinite;
}
@keyframes fall-37 {
37.9% {
transform: translate(61.5266vw, 37.9vh) scale(0.8626);
}
to {
transform: translate(57.051vw, 100vh) scale(0.8626);
}
}
.snow-mb:nth-child(38) {
opacity: 0.6468;
transform: translate(61.0826vw, -10px) scale(0.8656);
animation: fall-38 22s -18s linear infinite;
}
@keyframes fall-38 {
64.694% {
transform: translate(67.7534vw, 64.694vh) scale(0.8656);
}
to {
transform: translate(64.418vw, 100vh) scale(0.8656);
}
}
.snow-mb:nth-child(39) {
opacity: 0.8795;
transform: translate(91.4518vw, -10px) scale(0.3209);
animation: fall-39 13s -20s linear infinite;
}
@keyframes fall-39 {
37.332% {
transform: translate(88.4686vw, 37.332vh) scale(0.3209);
}
to {
transform: translate(89.9602vw, 100vh) scale(0.3209);
}
}
.snow-mb:nth-child(40) {
opacity: 0.7035;
transform: translate(96.8935vw, -10px) scale(0.5993);
animation: fall-40 15s -6s linear infinite;
}
@keyframes fall-40 {
31.455% {
transform: translate(90.9505vw, 31.455vh) scale(0.5993);
}
to {
transform: translate(93.922vw, 100vh) scale(0.5993);
}
}
.snow-mb:nth-child(41) {
opacity: 0.6555;
transform: translate(85.3592vw, -10px) scale(0.7791);
animation: fall-41 18s -14s linear infinite;
}
@keyframes fall-41 {
70.099% {
transform: translate(91.7322vw, 70.099vh) scale(0.7791);
}
to {
transform: translate(88.5457vw, 100vh) scale(0.7791);
}
}
.snow-mb:nth-child(42) {
opacity: 0.1743;
transform: translate(51.1128vw, -10px) scale(0.8568);
animation: fall-42 23s -16s linear infinite;
}
@keyframes fall-42 {
56.028% {
transform: translate(60.2156vw, 56.028vh) scale(0.8568);
}
to {
transform: translate(55.6642vw, 100vh) scale(0.8568);
}
}
.snow-mb:nth-child(43) {
opacity: 0.1357;
transform: translate(88.3811vw, -10px) scale(0.1591);
animation: fall-43 23s -26s linear infinite;
}
@keyframes fall-43 {
71.16% {
transform: translate(96.9074vw, 71.16vh) scale(0.1591);
}
to {
transform: translate(92.64425vw, 100vh) scale(0.1591);
}
}
.snow-mb:nth-child(44) {
opacity: 0.196;
transform: translate(10.5955vw, -10px) scale(0.1146);
animation: fall-44 28s -4s linear infinite;
}
@keyframes fall-44 {
43.239% {
transform: translate(13.9442vw, 43.239vh) scale(0.1146);
}
to {
transform: translate(12.26985vw, 100vh) scale(0.1146);
}
}
.snow-mb:nth-child(45) {
opacity: 0.7023;
transform: translate(29.2262vw, -10px) scale(0.4843);
animation: fall-45 14s -23s linear infinite;
}
@keyframes fall-45 {
34.863% {
transform: translate(22.9317vw, 34.863vh) scale(0.4843);
}
to {
transform: translate(26.07895vw, 100vh) scale(0.4843);
}
}
.snow-mb:nth-child(46) {
opacity: 0.3202;
transform: translate(95.6458vw, -10px) scale(0.3879);
animation: fall-46 19s -5s linear infinite;
}
@keyframes fall-46 {
44.622% {
transform: translate(99.0904vw, 44.622vh) scale(0.3879);
}
to {
transform: translate(97.3681vw, 100vh) scale(0.3879);
}
}
.snow-mb:nth-child(47) {
opacity: 0.937;
transform: translate(10.7292vw, -10px) scale(0.7592);
animation: fall-47 30s -2s linear infinite;
}
@keyframes fall-47 {
78.628% {
transform: translate(4.6722vw, 78.628vh) scale(0.7592);
}
to {
transform: translate(7.7007vw, 100vh) scale(0.7592);
}
}
.snow-mb:nth-child(48) {
opacity: 0.9183;
transform: translate(60.5646vw, -10px) scale(0.3235);
animation: fall-48 20s -19s linear infinite;
}
@keyframes fall-48 {
65.219% {
transform: translate(65.5335vw, 65.219vh) scale(0.3235);
}
to {
transform: translate(63.04905vw, 100vh) scale(0.3235);
}
}
.snow-mb:nth-child(49) {
opacity: 0.9473;
transform: translate(25.5025vw, -10px) scale(0.9537);
animation: fall-49 11s -25s linear infinite;
}
@keyframes fall-49 {
42.789% {
transform: translate(30.9702vw, 42.789vh) scale(0.9537);
}
to {
transform: translate(28.23635vw, 100vh) scale(0.9537);
}
}
.snow-mb:nth-child(50) {
opacity: 0.9201;
transform: translate(80.5008vw, -10px) scale(0.9364);
animation: fall-50 24s -7s linear infinite;
}
@keyframes fall-50 {
51.464% {
transform: translate(71.0539vw, 51.464vh) scale(0.9364);
}
to {
transform: translate(75.77735vw, 100vh) scale(0.9364);
}
}
.snow-mb:nth-child(51) {
opacity: 0.1323;
transform: translate(26.4309vw, -10px) scale(0.774);
animation: fall-51 24s -27s linear infinite;
}
@keyframes fall-51 {
65.3% {
transform: translate(32.7611vw, 65.3vh) scale(0.774);
}
to {
transform: translate(29.596vw, 100vh) scale(0.774);
}
}
.snow-mb:nth-child(52) {
opacity: 0.6073;
transform: translate(97.2586vw, -10px) scale(0.3666);
animation: fall-52 12s -8s linear infinite;
}
@keyframes fall-52 {
52.54% {
transform: translate(90.8218vw, 52.54vh) scale(0.3666);
}
to {
transform: translate(94.0402vw, 100vh) scale(0.3666);
}
}
.snow-mb:nth-child(53) {
opacity: 0.1552;
transform: translate(1.1585vw, -10px) scale(0.5416);
animation: fall-53 28s -8s linear infinite;
}
@keyframes fall-53 {
70.496% {
transform: translate(-0.1161vw, 70.496vh) scale(0.5416);
}
to {
transform: translate(0.5212vw, 100vh) scale(0.5416);
}
}
.snow-mb:nth-child(54) {
opacity: 0.3803;
transform: translate(33.4423vw, -10px) scale(0.2626);
animation: fall-54 16s -2s linear infinite;
}
@keyframes fall-54 {
46.126% {
transform: translate(41.6276vw, 46.126vh) scale(0.2626);
}
to {
transform: translate(37.53495vw, 100vh) scale(0.2626);
}
}
.snow-mb:nth-child(55) {
opacity: 0.3208;
transform: translate(92.5198vw, -10px) scale(0.7717);
animation: fall-55 26s -26s linear infinite;
}
@keyframes fall-55 {
44.095% {
transform: translate(100.8235vw, 44.095vh) scale(0.7717);
}
to {
transform: translate(96.67165vw, 100vh) scale(0.7717);
}
}
.snow-mb:nth-child(56) {
opacity: 0.6722;
transform: translate(61.8106vw, -10px) scale(0.5233);
animation: fall-56 23s -22s linear infinite;
}
@keyframes fall-56 {
51.094% {
transform: translate(52.0845vw, 51.094vh) scale(0.5233);
}
to {
transform: translate(56.94755vw, 100vh) scale(0.5233);
}
}
.snow-mb:nth-child(57) {
opacity: 0.1836;
transform: translate(34.8941vw, -10px) scale(0.2173);
animation: fall-57 15s -12s linear infinite;
}
@keyframes fall-57 {
49.342% {
transform: translate(30.4438vw, 49.342vh) scale(0.2173);
}
to {
transform: translate(32.66895vw, 100vh) scale(0.2173);
}
}
.snow-mb:nth-child(58) {
opacity: 0.2842;
transform: translate(71.2324vw, -10px) scale(0.1138);
animation: fall-58 12s -20s linear infinite;
}
@keyframes fall-58 {
47.126% {
transform: translate(72.8907vw, 47.126vh) scale(0.1138);
}
to {
transform: translate(72.06155vw, 100vh) scale(0.1138);
}
}
.snow-mb:nth-child(59) {
opacity: 0.5205;
transform: translate(43.5095vw, -10px) scale(0.9531);
animation: fall-59 22s -10s linear infinite;
}
@keyframes fall-59 {
48.239% {
transform: translate(42.8096vw, 48.239vh) scale(0.9531);
}
to {
transform: translate(43.15955vw, 100vh) scale(0.9531);
}
}
.snow-mb:nth-child(60) {
opacity: 0.6796;
transform: translate(1.0366vw, -10px) scale(0.7167);
animation: fall-60 21s -15s linear infinite;
}
@keyframes fall-60 {
47.024% {
transform: translate(1.2569vw, 47.024vh) scale(0.7167);
}
to {
transform: translate(1.14675vw, 100vh) scale(0.7167);
}
}
.snow-mb:nth-child(61) {
opacity: 0.3099;
transform: translate(52.7732vw, -10px) scale(0.9664);
animation: fall-61 13s -3s linear infinite;
}
@keyframes fall-61 {
58.801% {
transform: translate(50.8615vw, 58.801vh) scale(0.9664);
}
to {
transform: translate(51.81735vw, 100vh) scale(0.9664);
}
}
.snow-mb:nth-child(62) {
opacity: 0.3387;
transform: translate(83.9433vw, -10px) scale(0.1849);
animation: fall-62 26s -22s linear infinite;
}
@keyframes fall-62 {
65.29% {
transform: translate(77.8746vw, 65.29vh) scale(0.1849);
}
to {
transform: translate(80.90895vw, 100vh) scale(0.1849);
}
}
.snow-mb:nth-child(63) {
opacity: 0.653;
transform: translate(93.3796vw, -10px) scale(0.7044);
animation: fall-63 23s -24s linear infinite;
}
@keyframes fall-63 {
79.31% {
transform: translate(90.2912vw, 79.31vh) scale(0.7044);
}
to {
transform: translate(91.8354vw, 100vh) scale(0.7044);
}
}
.snow-mb:nth-child(64) {
opacity: 0.2257;
transform: translate(27.768vw, -10px) scale(0.0642);
animation: fall-64 20s -30s linear infinite;
}
@keyframes fall-64 {
33.044% {
transform: translate(28.4679vw, 33.044vh) scale(0.0642);
}
to {
transform: translate(28.11795vw, 100vh) scale(0.0642);
}
}
.snow-mb:nth-child(65) {
opacity: 0.7053;
transform: translate(73.6287vw, -10px) scale(0.9564);
animation: fall-65 14s -10s linear infinite;
}
@keyframes fall-65 {
63.263% {
transform: translate(74.0985vw, 63.263vh) scale(0.9564);
}
to {
transform: translate(73.8636vw, 100vh) scale(0.9564);
}
}
.snow-mb:nth-child(66) {
opacity: 0.4976;
transform: translate(33.2313vw, -10px) scale(0.4816);
animation: fall-66 15s -25s linear infinite;
}
@keyframes fall-66 {
68.156% {
transform: translate(33.6147vw, 68.156vh) scale(0.4816);
}
to {
transform: translate(33.423vw, 100vh) scale(0.4816);
}
}
.snow-mb:nth-child(67) {
opacity: 0.3311;
transform: translate(0.6438vw, -10px) scale(0.5485);
animation: fall-67 22s -22s linear infinite;
}
@keyframes fall-67 {
33.919% {
transform: translate(-4.7484vw, 33.919vh) scale(0.5485);
}
to {
transform: translate(-2.0523vw, 100vh) scale(0.5485);
}
}
.snow-mb:nth-child(68) {
opacity: 0.0491;
transform: translate(39.583vw, -10px) scale(0.3528);
animation: fall-68 26s -16s linear infinite;
}
@keyframes fall-68 {
40.399% {
transform: translate(49.3551vw, 40.399vh) scale(0.3528);
}
to {
transform: translate(44.46905vw, 100vh) scale(0.3528);
}
}
.snow-mb:nth-child(69) {
opacity: 0.3564;
transform: translate(70.987vw, -10px) scale(0.8075);
animation: fall-69 12s -8s linear infinite;
}
@keyframes fall-69 {
59.328% {
transform: translate(78.0483vw, 59.328vh) scale(0.8075);
}
to {
transform: translate(74.51765vw, 100vh) scale(0.8075);
}
}
.snow-mb:nth-child(70) {
opacity: 0.4635;
transform: translate(66.5896vw, -10px) scale(0.2301);
animation: fall-70 30s -2s linear infinite;
}
@keyframes fall-70 {
75.324% {
transform: translate(74.4902vw, 75.324vh) scale(0.2301);
}
to {
transform: translate(70.5399vw, 100vh) scale(0.2301);
}
}
.snow-mb:nth-child(71) {
opacity: 0.7356;
transform: translate(28.4237vw, -10px) scale(0.7813);
animation: fall-71 12s -25s linear infinite;
}
@keyframes fall-71 {
46.235% {
transform: translate(33.5426vw, 46.235vh) scale(0.7813);
}
to {
transform: translate(30.98315vw, 100vh) scale(0.7813);
}
}
.snow-mb:nth-child(72) {
opacity: 0.4964;
transform: translate(31.9024vw, -10px) scale(0.5424);
animation: fall-72 24s -22s linear infinite;
}
@keyframes fall-72 {
67.888% {
transform: translate(33.8605vw, 67.888vh) scale(0.5424);
}
to {
transform: translate(32.88145vw, 100vh) scale(0.5424);
}
}
.snow-mb:nth-child(73) {
opacity: 0.6854;
transform: translate(35.4819vw, -10px) scale(0.1554);
animation: fall-73 26s -29s linear infinite;
}
@keyframes fall-73 {
54.876% {
transform: translate(42.9416vw, 54.876vh) scale(0.1554);
}
to {
transform: translate(39.21175vw, 100vh) scale(0.1554);
}
}
.snow-mb:nth-child(74) {
opacity: 0.8914;
transform: translate(70.3788vw, -10px) scale(0.5246);
animation: fall-74 22s -25s linear infinite;
}
@keyframes fall-74 {
54.545% {
transform: translate(60.5191vw, 54.545vh) scale(0.5246);
}
to {
transform: translate(65.44895vw, 100vh) scale(0.5246);
}
}
.snow-mb:nth-child(75) {
opacity: 0.5439;
transform: translate(3.6058vw, -10px) scale(0.4894);
animation: fall-75 16s -7s linear infinite;
}
@keyframes fall-75 {
43.877% {
transform: translate(2.7872vw, 43.877vh) scale(0.4894);
}
to {
transform: translate(3.1965vw, 100vh) scale(0.4894);
}
}
.snow-mb:nth-child(76) {
opacity: 0.835;
transform: translate(97.5437vw, -10px) scale(0.0337);
animation: fall-76 16s -20s linear infinite;
}
@keyframes fall-76 {
44.273% {
transform: translate(88.2093vw, 44.273vh) scale(0.0337);
}
to {
transform: translate(92.8765vw, 100vh) scale(0.0337);
}
}
.snow-mb:nth-child(77) {
opacity: 0.4818;
transform: translate(87.0997vw, -10px) scale(0.4091);
animation: fall-77 11s -7s linear infinite;
}
@keyframes fall-77 {
67.093% {
transform: translate(80.4644vw, 67.093vh) scale(0.4091);
}
to {
transform: translate(83.78205vw, 100vh) scale(0.4091);
}
}
.snow-mb:nth-child(78) {
opacity: 0.1644;
transform: translate(61.8269vw, -10px) scale(0.0437);
animation: fall-78 10s -12s linear infinite;
}
@keyframes fall-78 {
67.908% {
transform: translate(53.9908vw, 67.908vh) scale(0.0437);
}
to {
transform: translate(57.90885vw, 100vh) scale(0.0437);
}
}
.snow-mb:nth-child(79) {
opacity: 0.251;
transform: translate(42.6968vw, -10px) scale(0.2682);
animation: fall-79 25s -26s linear infinite;
}
@keyframes fall-79 {
48.933% {
transform: translate(39.5285vw, 48.933vh) scale(0.2682);
}
to {
transform: translate(41.11265vw, 100vh) scale(0.2682);
}
}
.snow-mb:nth-child(80) {
opacity: 0.7785;
transform: translate(24.6386vw, -10px) scale(0.8586);
animation: fall-80 14s -11s linear infinite;
}
@keyframes fall-80 {
49.25% {
transform: translate(29.8228vw, 49.25vh) scale(0.8586);
}
to {
transform: translate(27.2307vw, 100vh) scale(0.8586);
}
}
.snow-mb:nth-child(81) {
opacity: 0.1293;
transform: translate(7.6979vw, -10px) scale(0.1566);
animation: fall-81 21s -5s linear infinite;
}
@keyframes fall-81 {
65.204% {
transform: translate(7.8094vw, 65.204vh) scale(0.1566);
}
to {
transform: translate(7.75365vw, 100vh) scale(0.1566);
}
}
.snow-mb:nth-child(82) {
opacity: 0.3977;
transform: translate(92.2986vw, -10px) scale(0.4485);
animation: fall-82 23s -12s linear infinite;
}
@keyframes fall-82 {
79.991% {
transform: translate(99.6765vw, 79.991vh) scale(0.4485);
}
to {
transform: translate(95.98755vw, 100vh) scale(0.4485);
}
}
.snow-mb:nth-child(83) {
opacity: 0.1565;
transform: translate(26.5066vw, -10px) scale(0.0091);
animation: fall-83 19s -8s linear infinite;
}
@keyframes fall-83 {
72.532% {
transform: translate(24.9482vw, 72.532vh) scale(0.0091);
}
to {
transform: translate(25.7274vw, 100vh) scale(0.0091);
}
}
.snow-mb:nth-child(84) {
opacity: 0.192;
transform: translate(90.3938vw, -10px) scale(0.7085);
animation: fall-84 14s -24s linear infinite;
}
@keyframes fall-84 {
68.715% {
transform: translate(83.0023vw, 68.715vh) scale(0.7085);
}
to {
transform: translate(86.69805vw, 100vh) scale(0.7085);
}
}
.snow-mb:nth-child(85) {
opacity: 0.24;
transform: translate(58.5617vw, -10px) scale(0.4011);
animation: fall-85 11s -29s linear infinite;
}
@keyframes fall-85 {
44.329% {
transform: translate(60.8353vw, 44.329vh) scale(0.4011);
}
to {
transform: translate(59.6985vw, 100vh) scale(0.4011);
}
}
.snow-mb:nth-child(86) {
opacity: 0.0133;
transform: translate(59.8096vw, -10px) scale(0.2693);
animation: fall-86 16s -15s linear infinite;
}
@keyframes fall-86 {
57.84% {
transform: translate(60.0758vw, 57.84vh) scale(0.2693);
}
to {
transform: translate(59.9427vw, 100vh) scale(0.2693);
}
}
.snow-mb:nth-child(87) {
opacity: 0.6712;
transform: translate(98.2679vw, -10px) scale(0.7816);
animation: fall-87 23s -16s linear infinite;
}
@keyframes fall-87 {
37.594% {
transform: translate(101.3949vw, 37.594vh) scale(0.7816);
}
to {
transform: translate(99.8314vw, 100vh) scale(0.7816);
}
}
.snow-mb:nth-child(88) {
opacity: 0.2302;
transform: translate(32.1742vw, -10px) scale(0.3955);
animation: fall-88 14s -24s linear infinite;
}
@keyframes fall-88 {
58.72% {
transform: translate(26.0291vw, 58.72vh) scale(0.3955);
}
to {
transform: translate(29.10165vw, 100vh) scale(0.3955);
}
}
.snow-mb:nth-child(89) {
opacity: 0.9912;
transform: translate(3.8228vw, -10px) scale(0.0125);
animation: fall-89 16s -3s linear infinite;
}
@keyframes fall-89 {
42.168% {
transform: translate(6.0406vw, 42.168vh) scale(0.0125);
}
to {
transform: translate(4.9317vw, 100vh) scale(0.0125);
}
}
.snow-mb:nth-child(90) {
opacity: 0.3782;
transform: translate(10.6923vw, -10px) scale(0.3888);
animation: fall-90 26s -5s linear infinite;
}
@keyframes fall-90 {
73.045% {
transform: translate(20.4403vw, 73.045vh) scale(0.3888);
}
to {
transform: translate(15.5663vw, 100vh) scale(0.3888);
}
}
.snow-mb:nth-child(91) {
opacity: 0.5078;
transform: translate(75.558vw, -10px) scale(0.7656);
animation: fall-91 10s -21s linear infinite;
}
@keyframes fall-91 {
39.405% {
transform: translate(76.9194vw, 39.405vh) scale(0.7656);
}
to {
transform: translate(76.2387vw, 100vh) scale(0.7656);
}
}
.snow-mb:nth-child(92) {
opacity: 0.0654;
transform: translate(66.4206vw, -10px) scale(0.5989);
animation: fall-92 23s -29s linear infinite;
}
@keyframes fall-92 {
46.262% {
transform: translate(70.9753vw, 46.262vh) scale(0.5989);
}
to {
transform: translate(68.69795vw, 100vh) scale(0.5989);
}
}
.snow-mb:nth-child(93) {
opacity: 0.1354;
transform: translate(91.9284vw, -10px) scale(0.804);
animation: fall-93 27s -12s linear infinite;
}
@keyframes fall-93 {
53.931% {
transform: translate(91.5796vw, 53.931vh) scale(0.804);
}
to {
transform: translate(91.754vw, 100vh) scale(0.804);
}
}
.snow-mb:nth-child(94) {
opacity: 0.4512;
transform: translate(65.9541vw, -10px) scale(0.5772);
animation: fall-94 23s -9s linear infinite;
}
@keyframes fall-94 {
36.428% {
transform: translate(63.8907vw, 36.428vh) scale(0.5772);
}
to {
transform: translate(64.9224vw, 100vh) scale(0.5772);
}
}
.snow-mb:nth-child(95) {
opacity: 0.3637;
transform: translate(54.9132vw, -10px) scale(0.8066);
animation: fall-95 19s -9s linear infinite;
}
@keyframes fall-95 {
41.68% {
transform: translate(61.4341vw, 41.68vh) scale(0.8066);
}
to {
transform: translate(58.17365vw, 100vh) scale(0.8066);
}
}
.snow-mb:nth-child(96) {
opacity: 0.7548;
transform: translate(90.8071vw, -10px) scale(0.8166);
animation: fall-96 20s -9s linear infinite;
}
@keyframes fall-96 {
37.581% {
transform: translate(80.8229vw, 37.581vh) scale(0.8166);
}
to {
transform: translate(85.815vw, 100vh) scale(0.8166);
}
}
.snow-mb:nth-child(97) {
opacity: 0.7972;
transform: translate(83.8425vw, -10px) scale(0.8606);
animation: fall-97 30s -4s linear infinite;
}
@keyframes fall-97 {
61.872% {
transform: translate(91.2853vw, 61.872vh) scale(0.8606);
}
to {
transform: translate(87.5639vw, 100vh) scale(0.8606);
}
}
.snow-mb:nth-child(98) {
opacity: 0.988;
transform: translate(58.3995vw, -10px) scale(0.3239);
animation: fall-98 26s -16s linear infinite;
}
@keyframes fall-98 {
57.3% {
transform: translate(54.8524vw, 57.3vh) scale(0.3239);
}
to {
transform: translate(56.62595vw, 100vh) scale(0.3239);
}
}
.snow-mb:nth-child(99) {
opacity: 0.8429;
transform: translate(62.1066vw, -10px) scale(0.1369);
animation: fall-99 16s -20s linear infinite;
}
@keyframes fall-99 {
61.954% {
transform: translate(70.2385vw, 61.954vh) scale(0.1369);
}
to {
transform: translate(66.17255vw, 100vh) scale(0.1369);
}
}
.snow-mb:nth-child(100) {
opacity: 0.7422;
transform: translate(29.6132vw, -10px) scale(0.8585);
animation: fall-100 14s -1s linear infinite;
}
@keyframes fall-100 {
35.741% {
transform: translate(26.1917vw, 35.741vh) scale(0.8585);
}
to {
transform: translate(27.90245vw, 100vh) scale(0.8585);
}
}
.snow-mb:nth-child(101) {
opacity: 0.7337;
transform: translate(94.867vw, -10px) scale(0.0116);
animation: fall-101 17s -13s linear infinite;
}
@keyframes fall-101 {
51.989% {
transform: translate(101.9773vw, 51.989vh) scale(0.0116);
}
to {
transform: translate(98.42215vw, 100vh) scale(0.0116);
}
}
.snow-mb:nth-child(102) {
opacity: 0.0148;
transform: translate(69.2073vw, -10px) scale(0.2204);
animation: fall-102 15s -1s linear infinite;
}
@keyframes fall-102 {
70.976% {
transform: translate(73.5852vw, 70.976vh) scale(0.2204);
}
to {
transform: translate(71.39625vw, 100vh) scale(0.2204);
}
}
.snow-mb:nth-child(103) {
opacity: 0.0686;
transform: translate(44.9013vw, -10px) scale(0.9513);
animation: fall-103 25s -22s linear infinite;
}
@keyframes fall-103 {
50.524% {
transform: translate(46.1281vw, 50.524vh) scale(0.9513);
}
to {
transform: translate(45.5147vw, 100vh) scale(0.9513);
}
}
.snow-mb:nth-child(104) {
opacity: 0.2289;
transform: translate(83.1776vw, -10px) scale(0.1231);
animation: fall-104 21s -29s linear infinite;
}
@keyframes fall-104 {
79.41% {
transform: translate(80.5998vw, 79.41vh) scale(0.1231);
}
to {
transform: translate(81.8887vw, 100vh) scale(0.1231);
}
}
.snow-mb:nth-child(105) {
opacity: 0.6724;
transform: translate(10.1351vw, -10px) scale(0.0648);
animation: fall-105 24s -20s linear infinite;
}
@keyframes fall-105 {
46.573% {
transform: translate(17.8677vw, 46.573vh) scale(0.0648);
}
to {
transform: translate(14.0014vw, 100vh) scale(0.0648);
}
}
.snow-mb:nth-child(106) {
opacity: 0.447;
transform: translate(88.9639vw, -10px) scale(0.659);
animation: fall-106 24s -24s linear infinite;
}
@keyframes fall-106 {
35.402% {
transform: translate(93.6318vw, 35.402vh) scale(0.659);
}
to {
transform: translate(91.29785vw, 100vh) scale(0.659);
}
}
.snow-mb:nth-child(107) {
opacity: 0.8969;
transform: translate(19.649vw, -10px) scale(0.6734);
animation: fall-107 18s -23s linear infinite;
}
@keyframes fall-107 {
43.214% {
transform: translate(11.0201vw, 43.214vh) scale(0.6734);
}
to {
transform: translate(15.33455vw, 100vh) scale(0.6734);
}
}
.snow-mb:nth-child(108) {
opacity: 0.9885;
transform: translate(60.2573vw, -10px) scale(0.2707);
animation: fall-108 28s -1s linear infinite;
}
@keyframes fall-108 {
49.818% {
transform: translate(64.4808vw, 49.818vh) scale(0.2707);
}
to {
transform: translate(62.36905vw, 100vh) scale(0.2707);
}
}
.snow-mb:nth-child(109) {
opacity: 0.6417;
transform: translate(54.4063vw, -10px) scale(0.265);
animation: fall-109 22s -3s linear infinite;
}
@keyframes fall-109 {
51.237% {
transform: translate(61.6355vw, 51.237vh) scale(0.265);
}
to {
transform: translate(58.0209vw, 100vh) scale(0.265);
}
}
.snow-mb:nth-child(110) {
opacity: 0.7359;
transform: translate(49.9339vw, -10px) scale(0.1351);
animation: fall-110 19s -29s linear infinite;
}
@keyframes fall-110 {
77.564% {
transform: translate(45.1061vw, 77.564vh) scale(0.1351);
}
to {
transform: translate(47.52vw, 100vh) scale(0.1351);
}
}
.snow-mb:nth-child(111) {
opacity: 0.2122;
transform: translate(97.209vw, -10px) scale(0.0682);
animation: fall-111 11s -22s linear infinite;
}
@keyframes fall-111 {
39.85% {
transform: translate(106.6432vw, 39.85vh) scale(0.0682);
}
to {
transform: translate(101.9261vw, 100vh) scale(0.0682);
}
}
.snow-mb:nth-child(112) {
opacity: 0.2558;
transform: translate(29.4182vw, -10px) scale(0.5827);
animation: fall-112 28s -19s linear infinite;
}
@keyframes fall-112 {
60.383% {
transform: translate(36.2902vw, 60.383vh) scale(0.5827);
}
to {
transform: translate(32.8542vw, 100vh) scale(0.5827);
}
}
.snow-mb:nth-child(113) {
opacity: 0.6845;
transform: translate(32.4709vw, -10px) scale(0.1772);
animation: fall-113 16s -28s linear infinite;
}
@keyframes fall-113 {
32.28% {
transform: translate(23.7655vw, 32.28vh) scale(0.1772);
}
to {
transform: translate(28.1182vw, 100vh) scale(0.1772);
}
}
.snow-mb:nth-child(114) {
opacity: 0.8524;
transform: translate(79.546vw, -10px) scale(0.5611);
animation: fall-114 30s -2s linear infinite;
}
@keyframes fall-114 {
37.879% {
transform: translate(80.0736vw, 37.879vh) scale(0.5611);
}
to {
transform: translate(79.8098vw, 100vh) scale(0.5611);
}
}
.snow-mb:nth-child(115) {
opacity: 0.6046;
transform: translate(62.488vw, -10px) scale(0.4845);
animation: fall-115 27s -2s linear infinite;
}
@keyframes fall-115 {
37.285% {
transform: translate(71.8537vw, 37.285vh) scale(0.4845);
}
to {
transform: translate(67.17085vw, 100vh) scale(0.4845);
}
}
.snow-mb:nth-child(116) {
opacity: 0.0978;
transform: translate(41.2822vw, -10px) scale(0.9324);
animation: fall-116 12s -29s linear infinite;
}
@keyframes fall-116 {
30.671% {
transform: translate(48.1885vw, 30.671vh) scale(0.9324);
}
to {
transform: translate(44.73535vw, 100vh) scale(0.9324);
}
}
.snow-mb:nth-child(117) {
opacity: 0.2393;
transform: translate(18.8744vw, -10px) scale(0.8271);
animation: fall-117 25s -9s linear infinite;
}
@keyframes fall-117 {
65.375% {
transform: translate(20.5421vw, 65.375vh) scale(0.8271);
}
to {
transform: translate(19.70825vw, 100vh) scale(0.8271);
}
}
.snow-mb:nth-child(118) {
opacity: 0.4734;
transform: translate(47.0079vw, -10px) scale(0.6873);
animation: fall-118 21s -4s linear infinite;
}
@keyframes fall-118 {
76.014% {
transform: translate(42.909vw, 76.014vh) scale(0.6873);
}
to {
transform: translate(44.95845vw, 100vh) scale(0.6873);
}
}
.snow-mb:nth-child(119) {
opacity: 0.2403;
transform: translate(28.3846vw, -10px) scale(0.1068);
animation: fall-119 16s -19s linear infinite;
}
@keyframes fall-119 {
76.356% {
transform: translate(26.2278vw, 76.356vh) scale(0.1068);
}
to {
transform: translate(27.3062vw, 100vh) scale(0.1068);
}
}
.snow-mb:nth-child(120) {
opacity: 0.3724;
transform: translate(28.2232vw, -10px) scale(0.3857);
animation: fall-120 28s -17s linear infinite;
}
@keyframes fall-120 {
75.22% {
transform: translate(24.2595vw, 75.22vh) scale(0.3857);
}
to {
transform: translate(26.24135vw, 100vh) scale(0.3857);
}
}
.snow-mb:nth-child(121) {
opacity: 0.7004;
transform: translate(82.0185vw, -10px) scale(0.2593);
animation: fall-121 16s -23s linear infinite;
}
@keyframes fall-121 {
65.156% {
transform: translate(73.7347vw, 65.156vh) scale(0.2593);
}
to {
transform: translate(77.8766vw, 100vh) scale(0.2593);
}
}
.snow-mb:nth-child(122) {
opacity: 0.3989;
transform: translate(73.3235vw, -10px) scale(0.1365);
animation: fall-122 18s -30s linear infinite;
}
@keyframes fall-122 {
43.137% {
transform: translate(82.1211vw, 43.137vh) scale(0.1365);
}
to {
transform: translate(77.7223vw, 100vh) scale(0.1365);
}
}
.snow-mb:nth-child(123) {
opacity: 0.8766;
transform: translate(93.6035vw, -10px) scale(0.7645);
animation: fall-123 10s -25s linear infinite;
}
@keyframes fall-123 {
37.737% {
transform: translate(88.058vw, 37.737vh) scale(0.7645);
}
to {
transform: translate(90.83075vw, 100vh) scale(0.7645);
}
}
.snow-mb:nth-child(124) {
opacity: 0.1126;
transform: translate(50.3196vw, -10px) scale(0.0152);
animation: fall-124 28s -6s linear infinite;
}
@keyframes fall-124 {
56.824% {
transform: translate(49.7434vw, 56.824vh) scale(0.0152);
}
to {
transform: translate(50.0315vw, 100vh) scale(0.0152);
}
}
.snow-mb:nth-child(125) {
opacity: 0.2437;
transform: translate(9.2112vw, -10px) scale(0.4763);
animation: fall-125 24s -19s linear infinite;
}
@keyframes fall-125 {
55.768% {
transform: translate(3.2055vw, 55.768vh) scale(0.4763);
}
to {
transform: translate(6.20835vw, 100vh) scale(0.4763);
}
}
.snow-mb:nth-child(126) {
opacity: 0.8586;
transform: translate(9.2126vw, -10px) scale(0.1272);
animation: fall-126 26s -9s linear infinite;
}
@keyframes fall-126 {
33.554% {
transform: translate(10.5116vw, 33.554vh) scale(0.1272);
}
to {
transform: translate(9.8621vw, 100vh) scale(0.1272);
}
}
.snow-mb:nth-child(127) {
opacity: 0.8635;
transform: translate(40.7734vw, -10px) scale(0.5332);
animation: fall-127 30s -3s linear infinite;
}
@keyframes fall-127 {
47.846% {
transform: translate(34.2426vw, 47.846vh) scale(0.5332);
}
to {
transform: translate(37.508vw, 100vh) scale(0.5332);
}
}
.snow-mb:nth-child(128) {
opacity: 0.319;
transform: translate(21.7644vw, -10px) scale(0.8571);
animation: fall-128 29s -23s linear infinite;
}
@keyframes fall-128 {
57.033% {
transform: translate(27.9548vw, 57.033vh) scale(0.8571);
}
to {
transform: translate(24.8596vw, 100vh) scale(0.8571);
}
}
.snow-mb:nth-child(129) {
opacity: 0.825;
transform: translate(49.9573vw, -10px) scale(0.3612);
animation: fall-129 24s -5s linear infinite;
}
@keyframes fall-129 {
59.271% {
transform: translate(44.0468vw, 59.271vh) scale(0.3612);
}
to {
transform: translate(47.00205vw, 100vh) scale(0.3612);
}
}
.snow-mb:nth-child(130) {
opacity: 0.4778;
transform: translate(46.6519vw, -10px) scale(0.7365);
animation: fall-130 25s -29s linear infinite;
}
@keyframes fall-130 {
56.324% {
transform: translate(49.4982vw, 56.324vh) scale(0.7365);
}
to {
transform: translate(48.07505vw, 100vh) scale(0.7365);
}
}
.snow-mb:nth-child(131) {
opacity: 0.0481;
transform: translate(85.9319vw, -10px) scale(0.2909);
animation: fall-131 24s -26s linear infinite;
}
@keyframes fall-131 {
70.862% {
transform: translate(81.7145vw, 70.862vh) scale(0.2909);
}
to {
transform: translate(83.8232vw, 100vh) scale(0.2909);
}
}
.snow-mb:nth-child(132) {
opacity: 0.2223;
transform: translate(9.043vw, -10px) scale(0.7491);
animation: fall-132 21s -4s linear infinite;
}
@keyframes fall-132 {
66.272% {
transform: translate(11.3845vw, 66.272vh) scale(0.7491);
}
to {
transform: translate(10.21375vw, 100vh) scale(0.7491);
}
}
.snow-mb:nth-child(133) {
opacity: 0.3872;
transform: translate(82.48vw, -10px) scale(0.3759);
animation: fall-133 18s -21s linear infinite;
}
@keyframes fall-133 {
75.36% {
transform: translate(76.6991vw, 75.36vh) scale(0.3759);
}
to {
transform: translate(79.58955vw, 100vh) scale(0.3759);
}
}
.snow-mb:nth-child(134) {
opacity: 0.4503;
transform: translate(26.6597vw, -10px) scale(0.9335);
animation: fall-134 19s -6s linear infinite;
}
@keyframes fall-134 {
38.194% {
transform: translate(17.6147vw, 38.194vh) scale(0.9335);
}
to {
transform: translate(22.1372vw, 100vh) scale(0.9335);
}
}
.snow-mb:nth-child(135) {
opacity: 0.3787;
transform: translate(28.3664vw, -10px) scale(0.214);
animation: fall-135 27s -26s linear infinite;
}
@keyframes fall-135 {
52.334% {
transform: translate(20.051vw, 52.334vh) scale(0.214);
}
to {
transform: translate(24.2087vw, 100vh) scale(0.214);
}
}
.snow-mb:nth-child(136) {
opacity: 0.0142;
transform: translate(12.5682vw, -10px) scale(0.0618);
animation: fall-136 28s -27s linear infinite;
}
@keyframes fall-136 {
68.474% {
transform: translate(7.4264vw, 68.474vh) scale(0.0618);
}
to {
transform: translate(9.9973vw, 100vh) scale(0.0618);
}
}
.snow-mb:nth-child(137) {
opacity: 0.6317;
transform: translate(93.7796vw, -10px) scale(0.833);
animation: fall-137 29s -5s linear infinite;
}
@keyframes fall-137 {
46.3% {
transform: translate(95.0108vw, 46.3vh) scale(0.833);
}
to {
transform: translate(94.3952vw, 100vh) scale(0.833);
}
}
.snow-mb:nth-child(138) {
opacity: 0.3971;
transform: translate(77.1471vw, -10px) scale(0.2817);
animation: fall-138 20s -8s linear infinite;
}
@keyframes fall-138 {
63.487% {
transform: translate(76.5307vw, 63.487vh) scale(0.2817);
}
to {
transform: translate(76.8389vw, 100vh) scale(0.2817);
}
}
.snow-mb:nth-child(139) {
opacity: 0.417;
transform: translate(99.9528vw, -10px) scale(0.0261);
animation: fall-139 21s -14s linear infinite;
}
@keyframes fall-139 {
69.655% {
transform: translate(103.0698vw, 69.655vh) scale(0.0261);
}
to {
transform: translate(101.5113vw, 100vh) scale(0.0261);
}
}
.snow-mb:nth-child(140) {
opacity: 0.2598;
transform: translate(90.5058vw, -10px) scale(0.0727);
animation: fall-140 12s -1s linear infinite;
}
@keyframes fall-140 {
56.086% {
transform: translate(98.8386vw, 56.086vh) scale(0.0727);
}
to {
transform: translate(94.6722vw, 100vh) scale(0.0727);
}
}
.snow-mb:nth-child(141) {
opacity: 0.218;
transform: translate(72.8766vw, -10px) scale(0.1785);
animation: fall-141 13s -19s linear infinite;
}
@keyframes fall-141 {
40.284% {
transform: translate(64.0749vw, 40.284vh) scale(0.1785);
}
to {
transform: translate(68.47575vw, 100vh) scale(0.1785);
}
}
.snow-mb:nth-child(142) {
opacity: 0.0046;
transform: translate(21.1554vw, -10px) scale(0.4353);
animation: fall-142 24s -27s linear infinite;
}
@keyframes fall-142 {
72.188% {
transform: translate(23.6049vw, 72.188vh) scale(0.4353);
}
to {
transform: translate(22.38015vw, 100vh) scale(0.4353);
}
}
.snow-mb:nth-child(143) {
opacity: 0.1482;
transform: translate(79.0513vw, -10px) scale(0.6581);
animation: fall-143 18s -30s linear infinite;
}
@keyframes fall-143 {
38.229% {
transform: translate(70.1589vw, 38.229vh) scale(0.6581);
}
to {
transform: translate(74.6051vw, 100vh) scale(0.6581);
}
}
.snow-mb:nth-child(144) {
opacity: 0.9043;
transform: translate(98.3383vw, -10px) scale(0.9711);
animation: fall-144 28s -3s linear infinite;
}
@keyframes fall-144 {
55.587% {
transform: translate(93.2859vw, 55.587vh) scale(0.9711);
}
to {
transform: translate(95.8121vw, 100vh) scale(0.9711);
}
}
.snow-mb:nth-child(145) {
opacity: 0.2472;
transform: translate(72.7989vw, -10px) scale(0.465);
animation: fall-145 19s -16s linear infinite;
}
@keyframes fall-145 {
43.317% {
transform: translate(71.049vw, 43.317vh) scale(0.465);
}
to {
transform: translate(71.92395vw, 100vh) scale(0.465);
}
}
.snow-mb:nth-child(146) {
opacity: 0.7269;
transform: translate(60.5734vw, -10px) scale(0.6832);
animation: fall-146 28s -14s linear infinite;
}
@keyframes fall-146 {
73.832% {
transform: translate(52.2457vw, 73.832vh) scale(0.6832);
}
to {
transform: translate(56.40955vw, 100vh) scale(0.6832);
}
}
.snow-mb:nth-child(147) {
opacity: 0.8918;
transform: translate(10.9432vw, -10px) scale(0.4475);
animation: fall-147 13s -11s linear infinite;
}
@keyframes fall-147 {
58.185% {
transform: translate(4.3035vw, 58.185vh) scale(0.4475);
}
to {
transform: translate(7.62335vw, 100vh) scale(0.4475);
}
}
.snow-mb:nth-child(148) {
opacity: 0.1839;
transform: translate(25.1292vw, -10px) scale(0.4598);
animation: fall-148 26s -27s linear infinite;
}
@keyframes fall-148 {
58.052% {
transform: translate(31.0803vw, 58.052vh) scale(0.4598);
}
to {
transform: translate(28.10475vw, 100vh) scale(0.4598);
}
}
.snow-mb:nth-child(149) {
opacity: 0.4262;
transform: translate(48.5032vw, -10px) scale(0.5175);
animation: fall-149 30s -8s linear infinite;
}
@keyframes fall-149 {
76.99% {
transform: translate(38.7467vw, 76.99vh) scale(0.5175);
}
to {
transform: translate(43.62495vw, 100vh) scale(0.5175);
}
}
.snow-mb:nth-child(150) {
opacity: 0.0365;
transform: translate(43.0307vw, -10px) scale(0.2819);
animation: fall-150 12s -26s linear infinite;
}
@keyframes fall-150 {
59.455% {
transform: translate(36.3155vw, 59.455vh) scale(0.2819);
}
to {
transform: translate(39.6731vw, 100vh) scale(0.2819);
}
}
.snow-mb:nth-child(151) {
opacity: 0.4116;
transform: translate(30.0339vw, -10px) scale(0.2415);
animation: fall-151 21s -16s linear infinite;
}
@keyframes fall-151 {
74.801% {
transform: translate(20.65vw, 74.801vh) scale(0.2415);
}
to {
transform: translate(25.34195vw, 100vh) scale(0.2415);
}
}
.snow-mb:nth-child(152) {
opacity: 0.0733;
transform: translate(53.9119vw, -10px) scale(0.1114);
animation: fall-152 18s -11s linear infinite;
}
@keyframes fall-152 {
37.289% {
transform: translate(52.1139vw, 37.289vh) scale(0.1114);
}
to {
transform: translate(53.0129vw, 100vh) scale(0.1114);
}
}
.snow-mb:nth-child(153) {
opacity: 0.0387;
transform: translate(74.169vw, -10px) scale(0.3669);
animation: fall-153 22s -21s linear infinite;
}
@keyframes fall-153 {
32.755% {
transform: translate(81.914vw, 32.755vh) scale(0.3669);
}
to {
transform: translate(78.0415vw, 100vh) scale(0.3669);
}
}
.snow-mb:nth-child(154) {
opacity: 0.8817;
transform: translate(3.7331vw, -10px) scale(0.1538);
animation: fall-154 18s -13s linear infinite;
}
@keyframes fall-154 {
73.13% {
transform: translate(13.0841vw, 73.13vh) scale(0.1538);
}
to {
transform: translate(8.4086vw, 100vh) scale(0.1538);
}
}
.snow-mb:nth-child(155) {
opacity: 0.1798;
transform: translate(24.2379vw, -10px) scale(0.2345);
animation: fall-155 14s -9s linear infinite;
}
@keyframes fall-155 {
55.328% {
transform: translate(24.8564vw, 55.328vh) scale(0.2345);
}
to {
transform: translate(24.54715vw, 100vh) scale(0.2345);
}
}
.snow-mb:nth-child(156) {
opacity: 0.9103;
transform: translate(86.088vw, -10px) scale(0.0814);
animation: fall-156 20s -23s linear infinite;
}
@keyframes fall-156 {
75.432% {
transform: translate(82.3536vw, 75.432vh) scale(0.0814);
}
to {
transform: translate(84.2208vw, 100vh) scale(0.0814);
}
}
.snow-mb:nth-child(157) {
opacity: 0.9712;
transform: translate(56.9759vw, -10px) scale(0.0771);
animation: fall-157 24s -10s linear infinite;
}
@keyframes fall-157 {
67.701% {
transform: translate(64.5953vw, 67.701vh) scale(0.0771);
}
to {
transform: translate(60.7856vw, 100vh) scale(0.0771);
}
}
.snow-mb:nth-child(158) {
opacity: 0.7384;
transform: translate(45.8887vw, -10px) scale(0.3585);
animation: fall-158 30s -5s linear infinite;
}
@keyframes fall-158 {
73.73% {
transform: translate(48.2696vw, 73.73vh) scale(0.3585);
}
to {
transform: translate(47.07915vw, 100vh) scale(0.3585);
}
}
.snow-mb:nth-child(159) {
opacity: 0.3127;
transform: translate(76.1319vw, -10px) scale(0.0844);
animation: fall-159 23s -8s linear infinite;
}
@keyframes fall-159 {
64.888% {
transform: translate(84.0941vw, 64.888vh) scale(0.0844);
}
to {
transform: translate(80.113vw, 100vh) scale(0.0844);
}
}
.snow-mb:nth-child(160) {
opacity: 0.9687;
transform: translate(73.6438vw, -10px) scale(0.3395);
animation: fall-160 24s -4s linear infinite;
}
@keyframes fall-160 {
47.058% {
transform: translate(66.216vw, 47.058vh) scale(0.3395);
}
to {
transform: translate(69.9299vw, 100vh) scale(0.3395);
}
}
.snow-mb:nth-child(161) {
opacity: 0.5782;
transform: translate(12.9185vw, -10px) scale(0.9932);
animation: fall-161 16s -5s linear infinite;
}
@keyframes fall-161 {
49.516% {
transform: translate(9.8692vw, 49.516vh) scale(0.9932);
}
to {
transform: translate(11.39385vw, 100vh) scale(0.9932);
}
}
.snow-mb:nth-child(162) {
opacity: 0.92;
transform: translate(29.4381vw, -10px) scale(0.1636);
animation: fall-162 28s -18s linear infinite;
}
@keyframes fall-162 {
53.455% {
transform: translate(23.7813vw, 53.455vh) scale(0.1636);
}
to {
transform: translate(26.6097vw, 100vh) scale(0.1636);
}
}
.snow-mb:nth-child(163) {
opacity: 0.8096;
transform: translate(54.3017vw, -10px) scale(0.708);
animation: fall-163 21s -22s linear infinite;
}
@keyframes fall-163 {
69.405% {
transform: translate(49.7118vw, 69.405vh) scale(0.708);
}
to {
transform: translate(52.00675vw, 100vh) scale(0.708);
}
}
.snow-mb:nth-child(164) {
opacity: 0.4804;
transform: translate(96.3505vw, -10px) scale(0.8298);
animation: fall-164 30s -30s linear infinite;
}
@keyframes fall-164 {
31.965% {
transform: translate(97.2108vw, 31.965vh) scale(0.8298);
}
to {
transform: translate(96.78065vw, 100vh) scale(0.8298);
}
}
.snow-mb:nth-child(165) {
opacity: 0.3324;
transform: translate(97.1503vw, -10px) scale(0.6481);
animation: fall-165 11s -29s linear infinite;
}
@keyframes fall-165 {
51.324% {
transform: translate(92.8304vw, 51.324vh) scale(0.6481);
}
to {
transform: translate(94.99035vw, 100vh) scale(0.6481);
}
}
.snow-mb:nth-child(166) {
opacity: 0.4453;
transform: translate(45.5579vw, -10px) scale(0.1231);
animation: fall-166 26s -16s linear infinite;
}
@keyframes fall-166 {
58.373% {
transform: translate(42.3719vw, 58.373vh) scale(0.1231);
}
to {
transform: translate(43.9649vw, 100vh) scale(0.1231);
}
}
.snow-mb:nth-child(167) {
opacity: 0.9279;
transform: translate(41.9294vw, -10px) scale(0.7611);
animation: fall-167 15s -17s linear infinite;
}
@keyframes fall-167 {
59.066% {
transform: translate(49.1331vw, 59.066vh) scale(0.7611);
}
to {
transform: translate(45.53125vw, 100vh) scale(0.7611);
}
}
.snow-mb:nth-child(168) {
opacity: 0.2915;
transform: translate(64.0788vw, -10px) scale(0.9612);
animation: fall-168 16s -24s linear infinite;
}
@keyframes fall-168 {
36.477% {
transform: translate(58.0789vw, 36.477vh) scale(0.9612);
}
to {
transform: translate(61.07885vw, 100vh) scale(0.9612);
}
}
.snow-mb:nth-child(169) {
opacity: 0.1912;
transform: translate(84.3211vw, -10px) scale(0.5746);
animation: fall-169 22s -21s linear infinite;
}
@keyframes fall-169 {
78.927% {
transform: translate(88.0333vw, 78.927vh) scale(0.5746);
}
to {
transform: translate(86.1772vw, 100vh) scale(0.5746);
}
}
.snow-mb:nth-child(170) {
opacity: 0.4787;
transform: translate(96.1738vw, -10px) scale(0.271);
animation: fall-170 17s -23s linear infinite;
}
@keyframes fall-170 {
56.993% {
transform: translate(97.6126vw, 56.993vh) scale(0.271);
}
to {
transform: translate(96.8932vw, 100vh) scale(0.271);
}
}
.snow-mb:nth-child(171) {
opacity: 0.667;
transform: translate(88.6997vw, -10px) scale(0.8732);
animation: fall-171 23s -22s linear infinite;
}
@keyframes fall-171 {
72.552% {
transform: translate(87.6537vw, 72.552vh) scale(0.8732);
}
to {
transform: translate(88.1767vw, 100vh) scale(0.8732);
}
}
.snow-mb:nth-child(172) {
opacity: 0.2354;
transform: translate(24.9435vw, -10px) scale(0.6725);
animation: fall-172 20s -7s linear infinite;
}
@keyframes fall-172 {
32.458% {
transform: translate(34.802vw, 32.458vh) scale(0.6725);
}
to {
transform: translate(29.87275vw, 100vh) scale(0.6725);
}
}
.snow-mb:nth-child(173) {
opacity: 0.109;
transform: translate(86.2091vw, -10px) scale(0.0045);
animation: fall-173 13s -22s linear infinite;
}
@keyframes fall-173 {
67.91% {
transform: translate(89.4641vw, 67.91vh) scale(0.0045);
}
to {
transform: translate(87.8366vw, 100vh) scale(0.0045);
}
}
.snow-mb:nth-child(174) {
opacity: 0.3353;
transform: translate(16.0611vw, -10px) scale(0.2794);
animation: fall-174 30s -30s linear infinite;
}
@keyframes fall-174 {
70.716% {
transform: translate(24.3197vw, 70.716vh) scale(0.2794);
}
to {
transform: translate(20.1904vw, 100vh) scale(0.2794);
}
}
.snow-mb:nth-child(175) {
opacity: 0.9307;
transform: translate(12.7268vw, -10px) scale(0.4185);
animation: fall-175 16s -6s linear infinite;
}
@keyframes fall-175 {
44.83% {
transform: translate(4.3312vw, 44.83vh) scale(0.4185);
}
to {
transform: translate(8.529vw, 100vh) scale(0.4185);
}
}
.snow-mb:nth-child(176) {
opacity: 0.6352;
transform: translate(29.8773vw, -10px) scale(0.7007);
animation: fall-176 19s -9s linear infinite;
}
@keyframes fall-176 {
61.975% {
transform: translate(34.1034vw, 61.975vh) scale(0.7007);
}
to {
transform: translate(31.99035vw, 100vh) scale(0.7007);
}
}
.snow-mb:nth-child(177) {
opacity: 0.4694;
transform: translate(88.954vw, -10px) scale(0.8361);
animation: fall-177 21s -17s linear infinite;
}
@keyframes fall-177 {
49.878% {
transform: translate(86.9705vw, 49.878vh) scale(0.8361);
}
to {
transform: translate(87.96225vw, 100vh) scale(0.8361);
}
}
.snow-mb:nth-child(178) {
opacity: 0.1269;
transform: translate(68.8758vw, -10px) scale(0.2614);
animation: fall-178 15s -4s linear infinite;
}
@keyframes fall-178 {
38.72% {
transform: translate(78.2552vw, 38.72vh) scale(0.2614);
}
to {
transform: translate(73.5655vw, 100vh) scale(0.2614);
}
}
.snow-mb:nth-child(179) {
opacity: 0.9128;
transform: translate(0.984vw, -10px) scale(0.6084);
animation: fall-179 28s -15s linear infinite;
}
@keyframes fall-179 {
70.508% {
transform: translate(0.4713vw, 70.508vh) scale(0.6084);
}
to {
transform: translate(0.72765vw, 100vh) scale(0.6084);
}
}
.snow-mb:nth-child(180) {
opacity: 0.4403;
transform: translate(59.8453vw, -10px) scale(0.8863);
animation: fall-180 24s -23s linear infinite;
}
@keyframes fall-180 {
51.693% {
transform: translate(65.2328vw, 51.693vh) scale(0.8863);
}
to {
transform: translate(62.53905vw, 100vh) scale(0.8863);
}
}
.snow-mb:nth-child(181) {
opacity: 0.2352;
transform: translate(32.5871vw, -10px) scale(0.9779);
animation: fall-181 21s -21s linear infinite;
}
@keyframes fall-181 {
37.369% {
transform: translate(22.9581vw, 37.369vh) scale(0.9779);
}
to {
transform: translate(27.7726vw, 100vh) scale(0.9779);
}
}
.snow-mb:nth-child(182) {
opacity: 0.0446;
transform: translate(99.66vw, -10px) scale(0.402);
animation: fall-182 28s -4s linear infinite;
}
@keyframes fall-182 {
42.583% {
transform: translate(97.1229vw, 42.583vh) scale(0.402);
}
to {
transform: translate(98.39145vw, 100vh) scale(0.402);
}
}
.snow-mb:nth-child(183) {
opacity: 0.5918;
transform: translate(17.8462vw, -10px) scale(0.3733);
animation: fall-183 30s -2s linear infinite;
}
@keyframes fall-183 {
38.194% {
transform: translate(13.8411vw, 38.194vh) scale(0.3733);
}
to {
transform: translate(15.84365vw, 100vh) scale(0.3733);
}
}
.snow-mb:nth-child(184) {
opacity: 0.3373;
transform: translate(3.7212vw, -10px) scale(0.5232);
animation: fall-184 27s -22s linear infinite;
}
@keyframes fall-184 {
50.784% {
transform: translate(4.1813vw, 50.784vh) scale(0.5232);
}
to {
transform: translate(3.95125vw, 100vh) scale(0.5232);
}
}
.snow-mb:nth-child(185) {
opacity: 0.1468;
transform: translate(35.3054vw, -10px) scale(0.1664);
animation: fall-185 15s -22s linear infinite;
}
@keyframes fall-185 {
52.397% {
transform: translate(32.9077vw, 52.397vh) scale(0.1664);
}
to {
transform: translate(34.10655vw, 100vh) scale(0.1664);
}
}
.snow-mb:nth-child(186) {
opacity: 0.0873;
transform: translate(63.2178vw, -10px) scale(0.2402);
animation: fall-186 18s -7s linear infinite;
}
@keyframes fall-186 {
65.787% {
transform: translate(59.5878vw, 65.787vh) scale(0.2402);
}
to {
transform: translate(61.4028vw, 100vh) scale(0.2402);
}
}
.snow-mb:nth-child(187) {
opacity: 0.7778;
transform: translate(64.4139vw, -10px) scale(0.3837);
animation: fall-187 28s -19s linear infinite;
}
@keyframes fall-187 {
42.318% {
transform: translate(73.7612vw, 42.318vh) scale(0.3837);
}
to {
transform: translate(69.08755vw, 100vh) scale(0.3837);
}
}
.snow-mb:nth-child(188) {
opacity: 0.7113;
transform: translate(96.428vw, -10px) scale(0.5715);
animation: fall-188 19s -3s linear infinite;
}
@keyframes fall-188 {
71.259% {
transform: translate(95.2884vw, 71.259vh) scale(0.5715);
}
to {
transform: translate(95.8582vw, 100vh) scale(0.5715);
}
}
.snow-mb:nth-child(189) {
opacity: 0.3701;
transform: translate(45.7838vw, -10px) scale(0.0241);
animation: fall-189 24s -22s linear infinite;
}
@keyframes fall-189 {
62.11% {
transform: translate(50.986vw, 62.11vh) scale(0.0241);
}
to {
transform: translate(48.3849vw, 100vh) scale(0.0241);
}
}
.snow-mb:nth-child(190) {
opacity: 0.8264;
transform: translate(17.1413vw, -10px) scale(0.2625);
animation: fall-190 17s -15s linear infinite;
}
@keyframes fall-190 {
48.954% {
transform: translate(10.7265vw, 48.954vh) scale(0.2625);
}
to {
transform: translate(13.9339vw, 100vh) scale(0.2625);
}
}
.snow-mb:nth-child(191) {
opacity: 0.2333;
transform: translate(39.0129vw, -10px) scale(0.8289);
animation: fall-191 16s -8s linear infinite;
}
@keyframes fall-191 {
76.17% {
transform: translate(31.3219vw, 76.17vh) scale(0.8289);
}
to {
transform: translate(35.1674vw, 100vh) scale(0.8289);
}
}
.snow-mb:nth-child(192) {
opacity: 0.9688;
transform: translate(65.1413vw, -10px) scale(0.9496);
animation: fall-192 27s -23s linear infinite;
}
@keyframes fall-192 {
61.613% {
transform: translate(71.0314vw, 61.613vh) scale(0.9496);
}
to {
transform: translate(68.08635vw, 100vh) scale(0.9496);
}
}
.snow-mb:nth-child(193) {
opacity: 0.0827;
transform: translate(95.3763vw, -10px) scale(0.3348);
animation: fall-193 16s -3s linear infinite;
}
@keyframes fall-193 {
58.619% {
transform: translate(94.2744vw, 58.619vh) scale(0.3348);
}
to {
transform: translate(94.82535vw, 100vh) scale(0.3348);
}
}
.snow-mb:nth-child(194) {
opacity: 0.1471;
transform: translate(19.0049vw, -10px) scale(0.6118);
animation: fall-194 21s -5s linear infinite;
}
@keyframes fall-194 {
65.033% {
transform: translate(22.4168vw, 65.033vh) scale(0.6118);
}
to {
transform: translate(20.71085vw, 100vh) scale(0.6118);
}
}
.snow-mb:nth-child(195) {
opacity: 0.6348;
transform: translate(58.1006vw, -10px) scale(0.0378);
animation: fall-195 27s -29s linear infinite;
}
@keyframes fall-195 {
56.461% {
transform: translate(56.5714vw, 56.461vh) scale(0.0378);
}
to {
transform: translate(57.336vw, 100vh) scale(0.0378);
}
}
.snow-mb:nth-child(196) {
opacity: 0.0794;
transform: translate(9.0744vw, -10px) scale(0.1845);
animation: fall-196 20s -29s linear infinite;
}
@keyframes fall-196 {
46.39% {
transform: translate(3.0502vw, 46.39vh) scale(0.1845);
}
to {
transform: translate(6.0623vw, 100vh) scale(0.1845);
}
}
.snow-mb:nth-child(197) {
opacity: 0.1328;
transform: translate(22.8735vw, -10px) scale(0.1708);
animation: fall-197 29s -22s linear infinite;
}
@keyframes fall-197 {
47.333% {
transform: translate(29.3041vw, 47.333vh) scale(0.1708);
}
to {
transform: translate(26.0888vw, 100vh) scale(0.1708);
}
}
.snow-mb:nth-child(198) {
opacity: 0.5607;
transform: translate(48.1208vw, -10px) scale(0.0475);
animation: fall-198 24s -12s linear infinite;
}
@keyframes fall-198 {
37.861% {
transform: translate(53.4147vw, 37.861vh) scale(0.0475);
}
to {
transform: translate(50.76775vw, 100vh) scale(0.0475);
}
}
.snow-mb:nth-child(199) {
opacity: 0.5292;
transform: translate(2.2785vw, -10px) scale(0.0395);
animation: fall-199 26s -29s linear infinite;
}
@keyframes fall-199 {
31.926% {
transform: translate(7.3794vw, 31.926vh) scale(0.0395);
}
to {
transform: translate(4.82895vw, 100vh) scale(0.0395);
}
}
.snow-mb:nth-child(200) {
opacity: 0.0911;
transform: translate(35.2308vw, -10px) scale(0.8894);
animation: fall-200 25s -15s linear infinite;
}
@keyframes fall-200 {
66.814% {
transform: translate(25.8962vw, 66.814vh) scale(0.8894);
}
to {
transform: translate(30.5635vw, 100vh) scale(0.8894);
}
}
.bg-card {
      background-image: linear-gradient(rgb(6, 66, 48), rgb(45 112 92));
      box-shadow: 0px 0px 1px 1px #92a5c2;
      
   }  
   .card {
      border-radius: 10px;
   }
 

   .text-detail {
      white-space: nowrap;
      color:#e9e5bf;
      font-size:1rem;
   }
   .text-btn {
      font-size: 12px;
   }

   @media (max-width: 991.98px){
      .x-banner-slide-wrapper .slick-dots {
         bottom: -25px;
      }
      .x-modal.-v2 .close.-in-tab {
            top: 1rem;
            
         }
   }
   @media (max-width: 575.98px){

      .x-modal.-v2 .close.-in-tab {
            top: -3rem;
            
         }

         .text-detail {
            font-size:0.7rem;
         }
         .text-btn {
            font-size: 0.6rem;
            white-space: nowrap;
         }
    
   }

       .text-btn {
        font-size: 0.6rem;
        white-space: pre-line;
    }