body {
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
  background:
    repeating-linear-gradient(45deg, #0000 calc(-650%/13) calc(50%/13), #141d25 0 calc(100%/13),
      #0000 0 calc(150%/13), #141d25 0 calc(200%/13),
      #0000 0 calc(250%/13), #141d25 0 calc(300%/13)), repeating-linear-gradient(45deg, #0000 calc(-650%/13) calc(50%/13), #141d25 0 calc(100%/13),
      #0000 0 calc(150%/13), #141d25 0 calc(200%/13),
      #0000 0 calc(250%/13), #141d25 0 calc(300%/13)) 32px 32px,
    repeating-linear-gradient(-45deg, #0000 calc(-650%/13) calc(50%/13), #141d25 0 calc(100%/13),
      #0000 0 calc(150%/13), #141d25 0 calc(200%/13),
      #0000 0 calc(250%/13), #141d25 0 calc(300%/13)), repeating-linear-gradient(-45deg, #0000 calc(-650%/13) calc(50%/13), #141d25 0 calc(100%/13),
      #0000 0 calc(150%/13), #141d25 0 calc(200%/13),
      #0000 0 calc(250%/13), #141d25 0 calc(300%/13)) 32px 32px #070d13;
  background-size: 64px 64px;
}

p {
  color: #fff;
  word-wrap: break-word;
  font-size: 20px;
  text-align: center;
}



h2 {
  color: #fff;
  word-wrap: break-word;
  font-size: 22px;
  text-align: center;

  margin-bottom: 10px;
  margin-top: 10px;
}

/* .text-1 {
    margin: 15px 0;
  } */
.text-1 p {
  font-size: 25px;
  text-align: center;
  margin: auto;
  max-width: 600px;
}

/* HEADER */

.header {
  background-color: #070d13;
  display: flex;
  justify-content: space-between;
  padding: 15px;
  position: sticky;
  top: 0;
  box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
  z-index: 5;
}

.main-login {
  display: flex;
}

.main-logo>div {
  display: block;
}

.main {
  display: flex;
  align-items: center;
}

.main-news {
  display: flex;
  align-items: center;
  margin-right: 20px;
  margin-right: 30px;
}

.reg {
  font-size: 13px !important;
  width: 90px;
  background-color: #ffb700;
  margin-left: 8px;
  height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
  text-transform: uppercase;
  transition: all .2s;
  cursor: pointer;
}

.reg-style {
  margin: 0 auto;
  text-decoration: none;
  color: black;
}

.reg:hover {
  background-color: #ffb700;
}

.login {
  font-size: 13px !important;
  width: 90px;
  margin-left: 8px;
  background-color: #141d25;
  height: 36px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
  text-transform: uppercase;
  transition: all .2s;
  cursor: pointer;
}

.login-style {
  margin: 0 auto;
  text-decoration: none;
  color: white;
}

.help,
.promo,
.news {
  font-size: 13px;
}

.login:hover {
  background-color: #1b2c3c;
}

.login a:hover {
  color: white;
}

.reg a:hover {
  color: white;
}


/************************ Promotion button place ************************/

.promo {
  background-color: #141d25;
  height: 35px;
  line-height: 35px;
  padding: 0 8px;
  border-radius: 2px;
  width: 120px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#promoLink {
  color: #ffb700;
  text-decoration: none;
  left: 32px;
}

#svgSize {
  color: #ffb700;
  height: 15px;
}


/************************ Promotion button place ************************/

.promo:hover {
  background-color: #1b2c3c;
  text-decoration: none;
}

.help,
.news {
  color: white;
}

.help:hover,
.news:hover {
  color: #ffb700;
}

.help,
.promo,
.news {
  margin-left: 30px;
  text-decoration: none;
}

.logo {
  display: block;
  width: 180px;
  height: auto;
}

.logo-mob {
  display: none;
}


/* CONTENT */

.text-1 ul li {
  text-align: left;
  margin-left: 10%;
}



.content {
  max-width: 900px;
  margin: 0 25%;
}

span {
  background: #2c2c2c;
}

.heading {
  font-size: 35px;
  color: #fff;
  margin-top: 1.5%;
  margin-bottom: 1%;
  /* font-weight: 600; */
  letter-spacing: 2px;
  font-size: 48px;
  /* color: #DDE3FD; */
}

.banner img {
  background-size: cover;
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 80%, transparent 100%);
}

.web {
  display: block;
}

.mob {
  display: none;
}


/* TABLE */

table {
  border: 2px solid #e99f00;
  border-spacing: 2px;
  border-collapse: separate;
}

.place,
td {
  border: 1px solid black;
}

.leaderboard {
  border-spacing: 15px;
  border-collapse: separate;
}

th {
  color: black;
  border: 2px solid #e99f00;
}

td {
  color: black;

  /* text-align: center;  */
}

tr {
  padding: 20px 40px;
  font-size: 20px;
}



ul.no-bullets {
  list-style-type: none;
}

th,
td {
  padding: 1px 5px;
}

ul {
  color: black;
  /* margin-bottom: 5%; */
  text-align: left !important;
}

li {
  text-align: left !important;
}

hr {
  color: white !important;
  margin: 2rem 0;
}


/* BUTTON */

.button {
  cursor: pointer;
  padding: 15px 20px;
  font-size: 17px;
  border: none;
  border-radius: 5px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  transition: .5s;
  color: white;
  display: inline-block;
  border-radius: 10px;
  border: 0px;
  /* background-color: #e99f00; */
  background: linear-gradient(0deg, #e99f00, #e99f00);
  cursor: pointer;
}

.button:active,
.button:hover {
  transition: .8s;
  background: white;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  */
  color: orange !important;
}

.btn {
  /* padding: 15% 50% 15% 50%; */
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  /* margin-bottom: 50px; */
}

@media (max-width: 920px) {
  .content {
    margin: 50px;
  }
}

@media (max-width: 600px) {

  th,
  td {
    font-size: 16px;
  }

  .btn {
    padding: 25px 0px 20px 0px;
  }
}

@media (max-width: 500px) {
  .heading {
    font-size: 25px;
  }
}

@media (max-width: 400px) {

  th,
  td {
    font-size: 14px;
  }
}

@media (max-width: 670px) {
  .web {
    display: none;
  }

  .mob {
    display: block;
  }

  .main-news {
    display: none;
  }

  .logo {
    display: none;
  }

  .logo-mob {
    display: block;
  }
}

@media (max-width: 655px) {
  .login {
    margin-left: 8px;
  }
}

.font20 {
  font-size: 20px;
}

.toBottom30 {
  margin-bottom: 1%;
}

.font12 {
  font-size: 14px;
}

.font11 {
  font-size: 14px;
}

.lsTypeArr {
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
}

.main-article-content {
  background-color: transparent;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 2% 4% 3%;
  border-radius: 15px;
}

.whiteText {
  color: white;
}

.onePercPadd {
  padding-top: 1.5%;
}

#backToTop {
  display: inline-block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#backToTop>a {
  text-decoration: none;
}

#backToTop>img {
  width: 70px;
  height: 100%;
}

.tableCollapse>.tab-label,
.tableTab {
  display: flex;
  justify-content: space-around;
}

.tableTab {
  border-radius: 8px;
}

.tableTab>.tableCollapse>.tab-content {
  margin-right: 8%;
  margin-left: 6%;
}

.tableTab>strong {
  font-weight: 600;
}

.strongHeading {
  font-weight: 900;
}

.tab-content>table {
  width: 80%;
  display: inline-table;
  border-collapse: collapse;
  border-radius: 20px;
}

.tab>.tab-label {
  color: white;
}

table {
  display: flex;
}

table>thead>tr,
td,
th {
  justify-content: center;
  align-items: center;
}

.tableCollapse>.tab-content {
  margin-left: 25%;
  margin-right: 25%;
}

#etim {
  margin-right: 10%;
  margin-left: 10%;
}

#etimNested {
  margin-right: 10%;
  margin-left: 10%;
}


/* accordion*****************************   */

input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}

.row .col {
  flex: 1;
}

.row .col:last-child {
  margin-left: 1em;
}


/* Accordion styles */

.tabs {
  border-radius: 8px;
  overflow: hidden;
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}

.tab p {
  color: black !important;
  text-align: left;
  font-size: 16px;
}

.tab-label {
  border-radius: 20px;
  border-bottom: 1px solid white;
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #e99f00;
  font-weight: bold;
  cursor: pointer;
  font-size: 15px;
 }

.tab-label:hover {
  background: white;
  color: #e99f00;
  transition: 0.8s;
}

.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 1s;
}

.tab-content {
  max-height: 0;
  /* padding: 0 10%; */
  color: #e99f00;
  background: #E8F6F9;
  transition: all 0.35s;
  border-radius: 20px;
  overflow-y: auto;
}

.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}

.tab-close:hover {
  background: #2a3e53;
}

input:checked+.tab-label {
  background: #e99f00;
  color: #fff;
}

input:checked+.tab-label::after {
  transform: rotate(90deg);
}

input:checked~.tab-content {
  max-height: 165vh;
  /* padding: 1em; */
}



/* table **************************/

table {
  border-collapse: unset;
  display: flex;
  justify-content: center;
  padding: 2px;
  padding-bottom: 3%;
}

table>tr,
td {
  padding: 10px;
}

.padTable {
  padding-top: 3%;
  padding-bottom: 3%;
  overflow-x: auto;
}

#padTable>table,
th,
td {
  border: 2px solid black;
  font-size: 15px;
  color: black;
}

#padTable {
  overflow-x: auto;
}

.arrows {
  position: fixed;
  position: absolute;
  display: flex;
  flex-direction: column;
  left: 2%;
  bottom: 5%;
  position: fixed;
}

.arrows img {
  width: 35px;
  height: 35px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  background: linear-gradient(0deg, #2c2827, #e99f00);
  transition: .5s;
  margin: 5px 0;
  border-radius: 50%;
}

.arrows img:hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


/* Define a flex container for the game list */

.game-list {
  display: flex;
  flex-direction: column;
  /* Change to vertical direction */
  align-items: stretch;
  /* Stretch items vertically */
  max-height: 300px;
  /* Set a maximum height for vertical scrolling */
  overflow-y: auto;
  /* Enable vertical scrolling when necessary */
}


/* Style each game container */

.game-container {
  width: 100%;
  /* Occupy full width */
  margin-bottom: 20px;
  box-sizing: border-box;
  padding: 10px;
}


/* Ensure responsive behavior for smaller screens */

@media (max-width: 768px) {
  .game-container {
    width: calc(50% - 20px);
    /* Adjust width for two items per row */
  }
}

.container {
  max-width: 680px;
}

.box {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  position: relative;
  overflow: hidden;
  transition: border-color 0.3s ease-in-out;
}

.box a {
  display: block;
  position: relative;
}

.box img {
  max-width: 100%;
  transition: transform 0.3s ease-in-out;
}

.box:hover img {
  transform: scale(1.1);
}

.box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  transition: border-color 0.3s ease-in-out;
  z-index: -1;
}

.box:hover::before {
  border-color: #00bcd4;
}

.GamesContainer {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  overflow-y: auto;
}

.GamesRow {
  display: flex;
  gap: 15px;
  /* Adjust the gap as needed */
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px;
}

.box {
  position: relative;
  flex: 1 1 calc(22% - 15px);
  max-width: calc(22% - 15px);
  min-height: 180px;
  /* Increase the height */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
}

.box img {
  max-width: 100%;
  max-height: 180px;
  /* Adjust the image height */
  margin-bottom: 10px;
  /* Add margin below the image */
}

.box p {
  color: orangered !important;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: auto;
  font-family: "Montserrat",  !important;
  /* Push the title to the bottom */
}

.GamesContainer {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  overflow-y: auto;
}

.GamesRow {
  display: flex;
  gap: 15px;
  /* Adjust the gap as needed */
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 25px;
}

.box {
  position: relative;
  flex: 1 1 calc(22% - 15px);
  max-width: calc(22% - 15px);
  /* 
    min-height: 50px;
    Increase the height */
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
}

.box img {
  max-width: 100%;
  max-height: 180px;
  /* Adjust the image height */
  margin-bottom: 10px;
  /* Add margin below the image */
}

.box p {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.box:hover p {
  transform: scale(1.1);
  opacity: 0.8;
}


/* Add a subtle shadow effect to the cards on hover */

.box {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}

.box:hover {
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.2);
}


/* Add a gradient overlay on the cards on hover */

.box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.box:hover::before {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .box {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}

@media screen and (max-width: 480px) {
  .box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .box {
    flex: 1 1 calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}

@media screen and (max-width: 480px) {
  .box {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/*vvv SHINE EFFECT vvv*/

h1 {
  font-family: Montserrat;
  font-weight: bold;
  font-size: 25px;
  display: block;
  margin-top: 40px;
}

.shimmer {
  text-align: center;
  color: rgba(255, 115, 0, 0.842);
  background: -webkit-gradient(linear, left top, right top, from(orange), to(orange), color-stop(0.5, yellow));
  background: -moz-gradient(linear, left top, right top, from(orange), to(orange), color-stop(0.5, yellow));
  background: gradient(linear, left top, right top, from(orange), to(orange), color-stop(0.5, yellow));
  -webkit-background-size: 125px 100%;
  -moz-background-size: 125px 100%;
  background-size: 125px 100%;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-animation-name: shimmer;
  -moz-animation-name: shimmer;
  animation-name: shimmer;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #222;
}

@-moz-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@-webkit-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@-o-keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

@keyframes shimmer {
  0% {
    background-position: top left;
  }

  100% {
    background-position: top right;
  }
}

/*^^^^ SHINE EFFECT ^^^*/


/*-----------------------------Start of SNOW -------------------------------*/


.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}

.snow:nth-child(1) {
  opacity: 0.628;
  transform: translate(53.4209vw, -10px) scale(0.127);
  animation: fall-1 27s -9s linear infinite;
}

@keyframes fall-1 {
  37.4% {
    transform: translate(51.9528vw, 37.4vh) scale(0.127);
  }

  to {
    transform: translate(52.68685vw, 200vh) scale(0.127);
  }
}

.snow:nth-child(2) {
  opacity: 0.4086;
  transform: translate(0.3966vw, -10px) scale(0.7812);
  animation: fall-2 22s -13s linear infinite;
}

@keyframes fall-2 {
  50.216% {
    transform: translate(-3.4358vw, 50.216vh) scale(0.7812);
  }

  to {
    transform: translate(-1.5196vw, 200vh) scale(0.7812);
  }
}

.snow:nth-child(3) {
  opacity: 0.319;
  transform: translate(68.7508vw, -10px) scale(0.5082);
  animation: fall-3 11s -26s linear infinite;
}

@keyframes fall-3 {
  76.117% {
    transform: translate(73.0198vw, 76.117vh) scale(0.5082);
  }

  to {
    transform: translate(70.8853vw, 200vh) scale(0.5082);
  }
}

.snow:nth-child(4) {
  opacity: 0.3894;
  transform: translate(72.0541vw, -10px) scale(0.0127);
  animation: fall-4 19s -20s linear infinite;
}

@keyframes fall-4 {
  78.715% {
    transform: translate(73.0771vw, 78.715vh) scale(0.0127);
  }

  to {
    transform: translate(72.5656vw, 200vh) scale(0.0127);
  }
}

.snow:nth-child(5) {
  opacity: 0.5976;
  transform: translate(27.5634vw, -10px) scale(0.2547);
  animation: fall-5 16s -8s linear infinite;
}

@keyframes fall-5 {
  39.515% {
    transform: translate(17.7679vw, 39.515vh) scale(0.2547);
  }

  to {
    transform: translate(22.66565vw, 200vh) scale(0.2547);
  }
}

.snow:nth-child(6) {
  opacity: 0.1063;
  transform: translate(0.5289vw, -10px) scale(0.28);
  animation: fall-6 25s -23s linear infinite;
}

@keyframes fall-6 {
  48.57% {
    transform: translate(0.8972vw, 48.57vh) scale(0.28);
  }

  to {
    transform: translate(0.71305vw, 200vh) scale(0.28);
  }
}

.snow:nth-child(7) {
  opacity: 0.0909;
  transform: translate(44.2821vw, -10px) scale(0.1984);
  animation: fall-7 22s -23s linear infinite;
}

@keyframes fall-7 {
  59.787% {
    transform: translate(52.9072vw, 59.787vh) scale(0.1984);
  }

  to {
    transform: translate(48.59465vw, 200vh) scale(0.1984);
  }
}

.snow:nth-child(8) {
  opacity: 0.847;
  transform: translate(82.777vw, -10px) scale(0.3688);
  animation: fall-8 12s -9s linear infinite;
}

@keyframes fall-8 {
  57.045% {
    transform: translate(81.5057vw, 57.045vh) scale(0.3688);
  }

  to {
    transform: translate(82.14135vw, 200vh) scale(0.3688);
  }
}

.snow:nth-child(9) {
  opacity: 0.4056;
  transform: translate(9.6665vw, -10px) scale(0.2453);
  animation: fall-9 29s -26s linear infinite;
}

@keyframes fall-9 {
  72.442% {
    transform: translate(9.7438vw, 72.442vh) scale(0.2453);
  }

  to {
    transform: translate(9.70515vw, 200vh) scale(0.2453);
  }
}

.snow:nth-child(10) {
  opacity: 0.9424;
  transform: translate(8.7342vw, -10px) scale(0.9089);
  animation: fall-10 13s -10s linear infinite;
}

@keyframes fall-10 {
  73.459% {
    transform: translate(13.1371vw, 73.459vh) scale(0.9089);
  }

  to {
    transform: translate(10.93565vw, 200vh) scale(0.9089);
  }
}

.snow:nth-child(11) {
  opacity: 0.5253;
  transform: translate(33.0352vw, -10px) scale(0.5134);
  animation: fall-11 27s -10s linear infinite;
}

@keyframes fall-11 {
  62.01% {
    transform: translate(33.9214vw, 62.01vh) scale(0.5134);
  }

  to {
    transform: translate(33.4783vw, 200vh) scale(0.5134);
  }
}

.snow:nth-child(12) {
  opacity: 0.4812;
  transform: translate(71.1442vw, -10px) scale(0.4322);
  animation: fall-12 11s -4s linear infinite;
}

@keyframes fall-12 {
  40.565% {
    transform: translate(70.3465vw, 40.565vh) scale(0.4322);
  }

  to {
    transform: translate(70.74535vw, 200vh) scale(0.4322);
  }
}

.snow:nth-child(13) {
  opacity: 0.1288;
  transform: translate(24.7343vw, -10px) scale(0.2815);
  animation: fall-13 17s -5s linear infinite;
}

@keyframes fall-13 {
  72.921% {
    transform: translate(25.7817vw, 72.921vh) scale(0.2815);
  }

  to {
    transform: translate(25.258vw, 200vh) scale(0.2815);
  }
}

.snow:nth-child(14) {
  opacity: 0.1836;
  transform: translate(25.0397vw, -10px) scale(0.3651);
  animation: fall-14 30s -16s linear infinite;
}

@keyframes fall-14 {
  55.383% {
    transform: translate(25.9625vw, 55.383vh) scale(0.3651);
  }

  to {
    transform: translate(25.5011vw, 200vh) scale(0.3651);
  }
}

.snow:nth-child(15) {
  opacity: 0.019;
  transform: translate(99.0206vw, -10px) scale(0.9288);
  animation: fall-15 27s -11s linear infinite;
}

@keyframes fall-15 {
  78.24% {
    transform: translate(108.1089vw, 78.24vh) scale(0.9288);
  }

  to {
    transform: translate(103.56475vw, 200vh) scale(0.9288);
  }
}

.snow:nth-child(16) {
  opacity: 0.9556;
  transform: translate(33.483vw, -10px) scale(0.7258);
  animation: fall-16 22s -29s linear infinite;
}

@keyframes fall-16 {
  75.824% {
    transform: translate(26.4369vw, 75.824vh) scale(0.7258);
  }

  to {
    transform: translate(29.95995vw, 200vh) scale(0.7258);
  }
}

.snow:nth-child(17) {
  opacity: 0.4027;
  transform: translate(12.4233vw, -10px) scale(0.5729);
  animation: fall-17 26s -16s linear infinite;
}

@keyframes fall-17 {
  71.903% {
    transform: translate(2.8056vw, 71.903vh) scale(0.5729);
  }

  to {
    transform: translate(7.61445vw, 200vh) scale(0.5729);
  }
}

.snow:nth-child(18) {
  opacity: 0.0478;
  transform: translate(66.1378vw, -10px) scale(0.9145);
  animation: fall-18 11s -2s linear infinite;
}

@keyframes fall-18 {
  50.635% {
    transform: translate(68.0727vw, 50.635vh) scale(0.9145);
  }

  to {
    transform: translate(67.10525vw, 200vh) scale(0.9145);
  }
}

.snow:nth-child(19) {
  opacity: 0.3819;
  transform: translate(38.6697vw, -10px) scale(0.4258);
  animation: fall-19 30s -4s linear infinite;
}

@keyframes fall-19 {
  51.102% {
    transform: translate(46.0587vw, 51.102vh) scale(0.4258);
  }

  to {
    transform: translate(42.3642vw, 200vh) scale(0.4258);
  }
}

.snow:nth-child(20) {
  opacity: 0.5627;
  transform: translate(19.2275vw, -10px) scale(0.3029);
  animation: fall-20 16s -13s linear infinite;
}

@keyframes fall-20 {
  67.08% {
    transform: translate(22.9621vw, 67.08vh) scale(0.3029);
  }

  to {
    transform: translate(21.0948vw, 200vh) scale(0.3029);
  }
}

.snow:nth-child(21) {
  opacity: 0.0335;
  transform: translate(28.2702vw, -10px) scale(0.852);
  animation: fall-21 22s -3s linear infinite;
}

@keyframes fall-21 {
  75.106% {
    transform: translate(21.9274vw, 75.106vh) scale(0.852);
  }

  to {
    transform: translate(25.0988vw, 200vh) scale(0.852);
  }
}

.snow:nth-child(22) {
  opacity: 0.984;
  transform: translate(94.7553vw, -10px) scale(0.1032);
  animation: fall-22 25s -20s linear infinite;
}

@keyframes fall-22 {
  43.367% {
    transform: translate(85.9119vw, 43.367vh) scale(0.1032);
  }

  to {
    transform: translate(90.3336vw, 200vh) scale(0.1032);
  }
}

.snow:nth-child(23) {
  opacity: 0.8136;
  transform: translate(35.3565vw, -10px) scale(0.7386);
  animation: fall-23 26s -9s linear infinite;
}

@keyframes fall-23 {
  32.214% {
    transform: translate(33.5783vw, 32.214vh) scale(0.7386);
  }

  to {
    transform: translate(34.4674vw, 200vh) scale(0.7386);
  }
}

.snow:nth-child(24) {
  opacity: 0.1084;
  transform: translate(45.7254vw, -10px) scale(0.351);
  animation: fall-24 11s -24s linear infinite;
}

@keyframes fall-24 {
  33.082% {
    transform: translate(38.8543vw, 33.082vh) scale(0.351);
  }

  to {
    transform: translate(42.28985vw, 200vh) scale(0.351);
  }
}

.snow:nth-child(25) {
  opacity: 0.9737;
  transform: translate(22.5893vw, -10px) scale(0.3951);
  animation: fall-25 30s -25s linear infinite;
}

@keyframes fall-25 {
  73.414% {
    transform: translate(29.4888vw, 73.414vh) scale(0.3951);
  }

  to {
    transform: translate(26.03905vw, 200vh) scale(0.3951);
  }
}

.snow:nth-child(26) {
  opacity: 0.17;
  transform: translate(74.3933vw, -10px) scale(0.8597);
  animation: fall-26 28s -3s linear infinite;
}

@keyframes fall-26 {
  59.842% {
    transform: translate(66.2602vw, 59.842vh) scale(0.8597);
  }

  to {
    transform: translate(70.32675vw, 200vh) scale(0.8597);
  }
}

.snow:nth-child(27) {
  opacity: 0.1486;
  transform: translate(38.923vw, -10px) scale(0.4036);
  animation: fall-27 24s -13s linear infinite;
}

@keyframes fall-27 {
  30.058% {
    transform: translate(35.0434vw, 30.058vh) scale(0.4036);
  }

  to {
    transform: translate(36.9832vw, 200vh) scale(0.4036);
  }
}

.snow:nth-child(28) {
  opacity: 0.7303;
  transform: translate(66.6754vw, -10px) scale(0.4945);
  animation: fall-28 11s -13s linear infinite;
}

@keyframes fall-28 {
  53.237% {
    transform: translate(59.4597vw, 53.237vh) scale(0.4945);
  }

  to {
    transform: translate(63.06755vw, 200vh) scale(0.4945);
  }
}

.snow:nth-child(29) {
  opacity: 0.5107;
  transform: translate(47.6372vw, -10px) scale(0.079);
  animation: fall-29 15s -26s linear infinite;
}

@keyframes fall-29 {
  75.474% {
    transform: translate(55.8181vw, 75.474vh) scale(0.079);
  }

  to {
    transform: translate(51.72765vw, 200vh) scale(0.079);
  }
}

.snow:nth-child(30) {
  opacity: 0.5772;
  transform: translate(89.9119vw, -10px) scale(0.6768);
  animation: fall-30 22s -28s linear infinite;
}

@keyframes fall-30 {
  45.584% {
    transform: translate(82.7991vw, 45.584vh) scale(0.6768);
  }

  to {
    transform: translate(86.3555vw, 200vh) scale(0.6768);
  }
}

.snow:nth-child(31) {
  opacity: 0.1147;
  transform: translate(49.3338vw, -10px) scale(0.0585);
  animation: fall-31 19s -3s linear infinite;
}

@keyframes fall-31 {
  67.713% {
    transform: translate(42.4688vw, 67.713vh) scale(0.0585);
  }

  to {
    transform: translate(45.9013vw, 200vh) scale(0.0585);
  }
}

.snow:nth-child(32) {
  opacity: 0.3842;
  transform: translate(1.683vw, -10px) scale(0.1169);
  animation: fall-32 24s -4s linear infinite;
}

@keyframes fall-32 {
  43.173% {
    transform: translate(-7.0415vw, 43.173vh) scale(0.1169);
  }

  to {
    transform: translate(-2.67925vw, 200vh) scale(0.1169);
  }
}

.snow:nth-child(33) {
  opacity: 0.6497;
  transform: translate(41.2455vw, -10px) scale(0.6241);
  animation: fall-33 19s -15s linear infinite;
}

@keyframes fall-33 {
  66.757% {
    transform: translate(39.0771vw, 66.757vh) scale(0.6241);
  }

  to {
    transform: translate(40.1613vw, 200vh) scale(0.6241);
  }
}

.snow:nth-child(34) {
  opacity: 0.8998;
  transform: translate(75.3578vw, -10px) scale(0.3127);
  animation: fall-34 29s -23s linear infinite;
}

@keyframes fall-34 {
  75.468% {
    transform: translate(71.397vw, 75.468vh) scale(0.3127);
  }

  to {
    transform: translate(73.3774vw, 200vh) scale(0.3127);
  }
}

.snow:nth-child(35) {
  opacity: 0.7431;
  transform: translate(20.4372vw, -10px) scale(0.8267);
  animation: fall-35 13s -16s linear infinite;
}

@keyframes fall-35 {
  45.868% {
    transform: translate(19.7653vw, 45.868vh) scale(0.8267);
  }

  to {
    transform: translate(20.10125vw, 200vh) scale(0.8267);
  }
}

.snow:nth-child(36) {
  opacity: 0.922;
  transform: translate(67.9529vw, -10px) scale(0.1587);
  animation: fall-36 16s -8s linear infinite;
}

@keyframes fall-36 {
  50.835% {
    transform: translate(75.063vw, 50.835vh) scale(0.1587);
  }

  to {
    transform: translate(71.50795vw, 200vh) scale(0.1587);
  }
}

.snow:nth-child(37) {
  opacity: 0.6156;
  transform: translate(49.0092vw, -10px) scale(0.591);
  animation: fall-37 29s -12s linear infinite;
}

@keyframes fall-37 {
  71.217% {
    transform: translate(45.2102vw, 71.217vh) scale(0.591);
  }

  to {
    transform: translate(47.1097vw, 200vh) scale(0.591);
  }
}

.snow:nth-child(38) {
  opacity: 0.675;
  transform: translate(22.2987vw, -10px) scale(0.2426);
  animation: fall-38 14s -30s linear infinite;
}

@keyframes fall-38 {
  71.125% {
    transform: translate(13.1442vw, 71.125vh) scale(0.2426);
  }

  to {
    transform: translate(17.72145vw, 200vh) scale(0.2426);
  }
}

.snow:nth-child(39) {
  opacity: 0.5038;
  transform: translate(26.147vw, -10px) scale(0.0683);
  animation: fall-39 13s -14s linear infinite;
}

@keyframes fall-39 {
  65.453% {
    transform: translate(28.3133vw, 65.453vh) scale(0.0683);
  }

  to {
    transform: translate(27.23015vw, 200vh) scale(0.0683);
  }
}

.snow:nth-child(40) {
  opacity: 0.8478;
  transform: translate(40.1137vw, -10px) scale(0.3466);
  animation: fall-40 25s -28s linear infinite;
}

@keyframes fall-40 {
  45.956% {
    transform: translate(37.2045vw, 45.956vh) scale(0.3466);
  }

  to {
    transform: translate(38.6591vw, 200vh) scale(0.3466);
  }
}

.snow:nth-child(41) {
  opacity: 0.7948;
  transform: translate(14.8838vw, -10px) scale(0.0085);
  animation: fall-41 29s -19s linear infinite;
}

@keyframes fall-41 {
  40.196% {
    transform: translate(16.6571vw, 40.196vh) scale(0.0085);
  }

  to {
    transform: translate(15.77045vw, 200vh) scale(0.0085);
  }
}

.snow:nth-child(42) {
  opacity: 0.3584;
  transform: translate(90.4314vw, -10px) scale(0.9343);
  animation: fall-42 24s -11s linear infinite;
}

@keyframes fall-42 {
  37.432% {
    transform: translate(83.3755vw, 37.432vh) scale(0.9343);
  }

  to {
    transform: translate(86.90345vw, 200vh) scale(0.9343);
  }
}

.snow:nth-child(43) {
  opacity: 0.9485;
  transform: translate(55.6009vw, -10px) scale(0.2143);
  animation: fall-43 24s -28s linear infinite;
}

@keyframes fall-43 {
  32.083% {
    transform: translate(49.0174vw, 32.083vh) scale(0.2143);
  }

  to {
    transform: translate(52.30915vw, 200vh) scale(0.2143);
  }
}

.snow:nth-child(44) {
  opacity: 0.1207;
  transform: translate(82.0058vw, -10px) scale(0.6948);
  animation: fall-44 27s -18s linear infinite;
}

@keyframes fall-44 {
  39.245% {
    transform: translate(85.7277vw, 39.245vh) scale(0.6948);
  }

  to {
    transform: translate(83.86675vw, 200vh) scale(0.6948);
  }
}

.snow:nth-child(45) {
  opacity: 0.5985;
  transform: translate(99.5567vw, -10px) scale(0.6408);
  animation: fall-45 25s -21s linear infinite;
}

@keyframes fall-45 {
  62.217% {
    transform: translate(97.2907vw, 62.217vh) scale(0.6408);
  }

  to {
    transform: translate(98.4237vw, 200vh) scale(0.6408);
  }
}

.snow:nth-child(46) {
  opacity: 0.7015;
  transform: translate(37.4571vw, -10px) scale(0.6548);
  animation: fall-46 13s -30s linear infinite;
}

@keyframes fall-46 {
  79.824% {
    transform: translate(30.5522vw, 79.824vh) scale(0.6548);
  }

  to {
    transform: translate(34.00465vw, 200vh) scale(0.6548);
  }
}

.snow:nth-child(47) {
  opacity: 0.9937;
  transform: translate(88.0956vw, -10px) scale(0.2441);
  animation: fall-47 15s -23s linear infinite;
}

@keyframes fall-47 {
  70.699% {
    transform: translate(86.9351vw, 70.699vh) scale(0.2441);
  }

  to {
    transform: translate(87.51535vw, 200vh) scale(0.2441);
  }
}

.snow:nth-child(48) {
  opacity: 0.1066;
  transform: translate(29.1417vw, -10px) scale(0.4284);
  animation: fall-48 20s -18s linear infinite;
}

@keyframes fall-48 {
  53.45% {
    transform: translate(29.593vw, 53.45vh) scale(0.4284);
  }

  to {
    transform: translate(29.36735vw, 200vh) scale(0.4284);
  }
}

.snow:nth-child(49) {
  opacity: 0.4029;
  transform: translate(34.5438vw, -10px) scale(0.1098);
  animation: fall-49 23s -17s linear infinite;
}

@keyframes fall-49 {
  49.756% {
    transform: translate(39.6537vw, 49.756vh) scale(0.1098);
  }

  to {
    transform: translate(37.09875vw, 200vh) scale(0.1098);
  }
}

.snow:nth-child(50) {
  opacity: 0.5178;
  transform: translate(74.5185vw, -10px) scale(0.183);
  animation: fall-50 16s -17s linear infinite;
}

@keyframes fall-50 {
  32.434% {
    transform: translate(76.49vw, 32.434vh) scale(0.183);
  }

  to {
    transform: translate(75.50425vw, 200vh) scale(0.183);
  }
}

.snow:nth-child(51) {
  opacity: 0.8959;
  transform: translate(84.5414vw, -10px) scale(0.3162);
  animation: fall-51 28s -10s linear infinite;
}

@keyframes fall-51 {
  30.475% {
    transform: translate(92.6556vw, 30.475vh) scale(0.3162);
  }

  to {
    transform: translate(88.5985vw, 200vh) scale(0.3162);
  }
}

.snow:nth-child(52) {
  opacity: 0.2701;
  transform: translate(39.8032vw, -10px) scale(0.2047);
  animation: fall-52 25s -17s linear infinite;
}

@keyframes fall-52 {
  68.11% {
    transform: translate(46.6015vw, 68.11vh) scale(0.2047);
  }

  to {
    transform: translate(43.20235vw, 200vh) scale(0.2047);
  }
}

.snow:nth-child(53) {
  opacity: 0.8767;
  transform: translate(88.1306vw, -10px) scale(0.0853);
  animation: fall-53 14s -2s linear infinite;
}

@keyframes fall-53 {
  70.503% {
    transform: translate(82.9206vw, 70.503vh) scale(0.0853);
  }

  to {
    transform: translate(85.5256vw, 200vh) scale(0.0853);
  }
}

.snow:nth-child(54) {
  opacity: 0.8959;
  transform: translate(54.0765vw, -10px) scale(0.1229);
  animation: fall-54 17s -15s linear infinite;
}

@keyframes fall-54 {
  30.137% {
    transform: translate(44.5033vw, 30.137vh) scale(0.1229);
  }

  to {
    transform: translate(49.2899vw, 200vh) scale(0.1229);
  }
}

.snow:nth-child(55) {
  opacity: 0.8897;
  transform: translate(12.5221vw, -10px) scale(0.7651);
  animation: fall-55 22s -4s linear infinite;
}

@keyframes fall-55 {
  35.05% {
    transform: translate(17.8934vw, 35.05vh) scale(0.7651);
  }

  to {
    transform: translate(15.20775vw, 200vh) scale(0.7651);
  }
}

.snow:nth-child(56) {
  opacity: 0.3588;
  transform: translate(81.3225vw, -10px) scale(0.1971);
  animation: fall-56 28s -27s linear infinite;
}

@keyframes fall-56 {
  66.143% {
    transform: translate(86.6329vw, 66.143vh) scale(0.1971);
  }

  to {
    transform: translate(83.9777vw, 200vh) scale(0.1971);
  }
}

.snow:nth-child(57) {
  opacity: 0.9263;
  transform: translate(58.9382vw, -10px) scale(0.6535);
  animation: fall-57 20s -30s linear infinite;
}

@keyframes fall-57 {
  44.052% {
    transform: translate(58.7701vw, 44.052vh) scale(0.6535);
  }

  to {
    transform: translate(58.85415vw, 200vh) scale(0.6535);
  }
}

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

@keyframes fall-58 {
  50.534% {
    transform: translate(43.4374vw, 50.534vh) scale(0.5824);
  }

  to {
    transform: translate(42.2688vw, 200vh) scale(0.5824);
  }
}

.snow:nth-child(59) {
  opacity: 0.6681;
  transform: translate(23.1017vw, -10px) scale(0.1417);
  animation: fall-59 26s -16s linear infinite;
}

@keyframes fall-59 {
  51.702% {
    transform: translate(31.7402vw, 51.702vh) scale(0.1417);
  }

  to {
    transform: translate(27.42095vw, 200vh) scale(0.1417);
  }
}

.snow:nth-child(60) {
  opacity: 0.5979;
  transform: translate(33.7667vw, -10px) scale(0.8602);
  animation: fall-60 30s -19s linear infinite;
}

@keyframes fall-60 {
  38.66% {
    transform: translate(26.9447vw, 38.66vh) scale(0.8602);
  }

  to {
    transform: translate(30.3557vw, 200vh) scale(0.8602);
  }
}

.snow:nth-child(61) {
  opacity: 0.8608;
  transform: translate(4.1018vw, -10px) scale(0.7518);
  animation: fall-61 30s -20s linear infinite;
}

@keyframes fall-61 {
  45% {
    transform: translate(4.7675vw, 45vh) scale(0.7518);
  }

  to {
    transform: translate(4.43465vw, 200vh) scale(0.7518);
  }
}

.snow:nth-child(62) {
  opacity: 0.6761;
  transform: translate(92.3471vw, -10px) scale(0.5469);
  animation: fall-62 11s -26s linear infinite;
}

@keyframes fall-62 {
  41.621% {
    transform: translate(90.1233vw, 41.621vh) scale(0.5469);
  }

  to {
    transform: translate(91.2352vw, 200vh) scale(0.5469);
  }
}

.snow:nth-child(63) {
  opacity: 0.2819;
  transform: translate(15.5633vw, -10px) scale(0.5308);
  animation: fall-63 25s -17s linear infinite;
}

@keyframes fall-63 {
  37.403% {
    transform: translate(25.4977vw, 37.403vh) scale(0.5308);
  }

  to {
    transform: translate(20.5305vw, 200vh) scale(0.5308);
  }
}

.snow:nth-child(64) {
  opacity: 0.572;
  transform: translate(94.8991vw, -10px) scale(0.0411);
  animation: fall-64 27s -22s linear infinite;
}

@keyframes fall-64 {
  57.528% {
    transform: translate(90.2886vw, 57.528vh) scale(0.0411);
  }

  to {
    transform: translate(92.59385vw, 200vh) scale(0.0411);
  }
}

.snow:nth-child(65) {
  opacity: 0.3448;
  transform: translate(44.0889vw, -10px) scale(0.9094);
  animation: fall-65 20s -2s linear infinite;
}

@keyframes fall-65 {
  56.051% {
    transform: translate(50.1933vw, 56.051vh) scale(0.9094);
  }

  to {
    transform: translate(47.1411vw, 200vh) scale(0.9094);
  }
}

.snow:nth-child(66) {
  opacity: 0.2039;
  transform: translate(1.5537vw, -10px) scale(0.7007);
  animation: fall-66 26s -6s linear infinite;
}

@keyframes fall-66 {
  58.643% {
    transform: translate(-4.5375vw, 58.643vh) scale(0.7007);
  }

  to {
    transform: translate(-1.4919vw, 200vh) scale(0.7007);
  }
}

.snow:nth-child(67) {
  opacity: 0.1107;
  transform: translate(29.4951vw, -10px) scale(0.4319);
  animation: fall-67 14s -30s linear infinite;
}

@keyframes fall-67 {
  41.16% {
    transform: translate(29.9858vw, 41.16vh) scale(0.4319);
  }

  to {
    transform: translate(29.74045vw, 200vh) scale(0.4319);
  }
}

.snow:nth-child(68) {
  opacity: 0.6775;
  transform: translate(23.9327vw, -10px) scale(0.7872);
  animation: fall-68 27s -20s linear infinite;
}

@keyframes fall-68 {
  47.873% {
    transform: translate(28.2159vw, 47.873vh) scale(0.7872);
  }

  to {
    transform: translate(26.0743vw, 200vh) scale(0.7872);
  }
}

.snow:nth-child(69) {
  opacity: 0.844;
  transform: translate(99.1129vw, -10px) scale(0.4459);
  animation: fall-69 27s -28s linear infinite;
}

@keyframes fall-69 {
  74.379% {
    transform: translate(101.2394vw, 74.379vh) scale(0.4459);
  }

  to {
    transform: translate(100.17615vw, 200vh) scale(0.4459);
  }
}

.snow:nth-child(70) {
  opacity: 0.9929;
  transform: translate(51.6085vw, -10px) scale(0.2603);
  animation: fall-70 11s -20s linear infinite;
}

@keyframes fall-70 {
  59.232% {
    transform: translate(52.9078vw, 59.232vh) scale(0.2603);
  }

  to {
    transform: translate(52.25815vw, 200vh) scale(0.2603);
  }
}

.snow:nth-child(71) {
  opacity: 0.6326;
  transform: translate(17.4141vw, -10px) scale(0.2555);
  animation: fall-71 16s -6s linear infinite;
}

@keyframes fall-71 {
  62.803% {
    transform: translate(19.1641vw, 62.803vh) scale(0.2555);
  }

  to {
    transform: translate(18.2891vw, 200vh) scale(0.2555);
  }
}

.snow:nth-child(72) {
  opacity: 0.9209;
  transform: translate(65.6893vw, -10px) scale(0.0953);
  animation: fall-72 28s -27s linear infinite;
}

@keyframes fall-72 {
  53.25% {
    transform: translate(70.0421vw, 53.25vh) scale(0.0953);
  }

  to {
    transform: translate(67.8657vw, 200vh) scale(0.0953);
  }
}

.snow:nth-child(73) {
  opacity: 0.6965;
  transform: translate(48.1861vw, -10px) scale(0.2255);
  animation: fall-73 26s -7s linear infinite;
}

@keyframes fall-73 {
  70.439% {
    transform: translate(39.8951vw, 70.439vh) scale(0.2255);
  }

  to {
    transform: translate(44.0406vw, 200vh) scale(0.2255);
  }
}

.snow:nth-child(74) {
  opacity: 0.2992;
  transform: translate(69.9684vw, -10px) scale(0.9777);
  animation: fall-74 13s -14s linear infinite;
}

@keyframes fall-74 {
  48.382% {
    transform: translate(74.3116vw, 48.382vh) scale(0.9777);
  }

  to {
    transform: translate(72.14vw, 200vh) scale(0.9777);
  }
}

.snow:nth-child(75) {
  opacity: 0.8521;
  transform: translate(73.5017vw, -10px) scale(0.6131);
  animation: fall-75 27s -24s linear infinite;
}

@keyframes fall-75 {
  53.946% {
    transform: translate(77.8523vw, 53.946vh) scale(0.6131);
  }

  to {
    transform: translate(75.677vw, 200vh) scale(0.6131);
  }
}

.snow:nth-child(76) {
  opacity: 0.0304;
  transform: translate(39.271vw, -10px) scale(0.8512);
  animation: fall-76 30s -29s linear infinite;
}

@keyframes fall-76 {
  57.419% {
    transform: translate(38.7926vw, 57.419vh) scale(0.8512);
  }

  to {
    transform: translate(39.0318vw, 200vh) scale(0.8512);
  }
}

.snow:nth-child(77) {
  opacity: 0.2303;
  transform: translate(72.5563vw, -10px) scale(0.5323);
  animation: fall-77 27s -29s linear infinite;
}

@keyframes fall-77 {
  59.361% {
    transform: translate(65.4126vw, 59.361vh) scale(0.5323);
  }

  to {
    transform: translate(68.98445vw, 200vh) scale(0.5323);
  }
}

.snow:nth-child(78) {
  opacity: 0.8599;
  transform: translate(71.1228vw, -10px) scale(0.0147);
  animation: fall-78 12s -17s linear infinite;
}

@keyframes fall-78 {
  66.651% {
    transform: translate(71.434vw, 66.651vh) scale(0.0147);
  }

  to {
    transform: translate(71.2784vw, 200vh) scale(0.0147);
  }
}

.snow:nth-child(79) {
  opacity: 0.3088;
  transform: translate(41.7556vw, -10px) scale(0.1489);
  animation: fall-79 30s -13s linear infinite;
}

@keyframes fall-79 {
  35.796% {
    transform: translate(32.0707vw, 35.796vh) scale(0.1489);
  }

  to {
    transform: translate(36.91315vw, 200vh) scale(0.1489);
  }
}

.snow:nth-child(80) {
  opacity: 0.3941;
  transform: translate(34.6011vw, -10px) scale(0.7562);
  animation: fall-80 19s -4s linear infinite;
}

@keyframes fall-80 {
  78.874% {
    transform: translate(34.1793vw, 78.874vh) scale(0.7562);
  }

  to {
    transform: translate(34.3902vw, 200vh) scale(0.7562);
  }
}

.snow:nth-child(81) {
  opacity: 0.2765;
  transform: translate(88.9609vw, -10px) scale(0.955);
  animation: fall-81 20s -6s linear infinite;
}

@keyframes fall-81 {
  59.946% {
    transform: translate(91.6338vw, 59.946vh) scale(0.955);
  }

  to {
    transform: translate(90.29735vw, 200vh) scale(0.955);
  }
}

.snow:nth-child(82) {
  opacity: 0.0933;
  transform: translate(4.7276vw, -10px) scale(0.8756);
  animation: fall-82 11s -9s linear infinite;
}

@keyframes fall-82 {
  34.01% {
    transform: translate(1.7014vw, 34.01vh) scale(0.8756);
  }

  to {
    transform: translate(3.2145vw, 200vh) scale(0.8756);
  }
}

.snow:nth-child(83) {
  opacity: 0.2746;
  transform: translate(29.0573vw, -10px) scale(0.3719);
  animation: fall-83 14s -13s linear infinite;
}

@keyframes fall-83 {
  60.032% {
    transform: translate(27.8464vw, 60.032vh) scale(0.3719);
  }

  to {
    transform: translate(28.45185vw, 200vh) scale(0.3719);
  }
}

.snow:nth-child(84) {
  opacity: 0.8242;
  transform: translate(21.761vw, -10px) scale(0.5146);
  animation: fall-84 17s -7s linear infinite;
}

@keyframes fall-84 {
  68.921% {
    transform: translate(12.6894vw, 68.921vh) scale(0.5146);
  }

  to {
    transform: translate(17.2252vw, 200vh) scale(0.5146);
  }
}

.snow:nth-child(85) {
  opacity: 0.8682;
  transform: translate(98.7825vw, -10px) scale(0.1437);
  animation: fall-85 19s -26s linear infinite;
}

@keyframes fall-85 {
  33.692% {
    transform: translate(106.4265vw, 33.692vh) scale(0.1437);
  }

  to {
    transform: translate(102.6045vw, 200vh) scale(0.1437);
  }
}

.snow:nth-child(86) {
  opacity: 0.5211;
  transform: translate(72.5238vw, -10px) scale(0.8577);
  animation: fall-86 20s -11s linear infinite;
}

@keyframes fall-86 {
  35.645% {
    transform: translate(73.4546vw, 35.645vh) scale(0.8577);
  }

  to {
    transform: translate(72.9892vw, 200vh) scale(0.8577);
  }
}

.snow:nth-child(87) {
  opacity: 0.683;
  transform: translate(48.6468vw, -10px) scale(0.4766);
  animation: fall-87 26s -15s linear infinite;
}

@keyframes fall-87 {
  79.716% {
    transform: translate(44.4402vw, 79.716vh) scale(0.4766);
  }

  to {
    transform: translate(46.5435vw, 200vh) scale(0.4766);
  }
}

.snow:nth-child(88) {
  opacity: 0.4117;
  transform: translate(2.3067vw, -10px) scale(0.2874);
  animation: fall-88 18s -17s linear infinite;
}

@keyframes fall-88 {
  45.856% {
    transform: translate(4.0762vw, 45.856vh) scale(0.2874);
  }

  to {
    transform: translate(3.19145vw, 200vh) scale(0.2874);
  }
}

.snow:nth-child(89) {
  opacity: 0.4843;
  transform: translate(79.2254vw, -10px) scale(0.4847);
  animation: fall-89 12s -4s linear infinite;
}

@keyframes fall-89 {
  79.001% {
    transform: translate(76.9463vw, 79.001vh) scale(0.4847);
  }

  to {
    transform: translate(78.08585vw, 200vh) scale(0.4847);
  }
}

.snow:nth-child(90) {
  opacity: 0.4044;
  transform: translate(77.8009vw, -10px) scale(0.0688);
  animation: fall-90 11s -28s linear infinite;
}

@keyframes fall-90 {
  59.271% {
    transform: translate(82.8446vw, 59.271vh) scale(0.0688);
  }

  to {
    transform: translate(80.32275vw, 200vh) scale(0.0688);
  }
}

.snow:nth-child(91) {
  opacity: 0.9619;
  transform: translate(6.2982vw, -10px) scale(0.2085);
  animation: fall-91 18s -10s linear infinite;
}

@keyframes fall-91 {
  34.145% {
    transform: translate(6.3094vw, 34.145vh) scale(0.2085);
  }

  to {
    transform: translate(6.3038vw, 200vh) scale(0.2085);
  }
}

.snow:nth-child(92) {
  opacity: 0.3602;
  transform: translate(35.9942vw, -10px) scale(0.6031);
  animation: fall-92 11s -14s linear infinite;
}

@keyframes fall-92 {
  43.823% {
    transform: translate(39.1735vw, 43.823vh) scale(0.6031);
  }

  to {
    transform: translate(37.58385vw, 200vh) scale(0.6031);
  }
}

.snow:nth-child(93) {
  opacity: 0.7826;
  transform: translate(14.7643vw, -10px) scale(0.3048);
  animation: fall-93 27s -12s linear infinite;
}

@keyframes fall-93 {
  31.516% {
    transform: translate(7.7431vw, 31.516vh) scale(0.3048);
  }

  to {
    transform: translate(11.2537vw, 200vh) scale(0.3048);
  }
}

.snow:nth-child(94) {
  opacity: 0.2211;
  transform: translate(66.3802vw, -10px) scale(0.4357);
  animation: fall-94 28s -22s linear infinite;
}

@keyframes fall-94 {
  33.971% {
    transform: translate(64.1149vw, 33.971vh) scale(0.4357);
  }

  to {
    transform: translate(65.24755vw, 200vh) scale(0.4357);
  }
}

.snow:nth-child(95) {
  opacity: 0.7999;
  transform: translate(87.0102vw, -10px) scale(0.5358);
  animation: fall-95 13s -23s linear infinite;
}

@keyframes fall-95 {
  36.127% {
    transform: translate(94.2175vw, 36.127vh) scale(0.5358);
  }

  to {
    transform: translate(90.61385vw, 200vh) scale(0.5358);
  }
}

.snow:nth-child(96) {
  opacity: 0.6676;
  transform: translate(98.2866vw, -10px) scale(0.45);
  animation: fall-96 13s -23s linear infinite;
}

@keyframes fall-96 {
  37.987% {
    transform: translate(95.7567vw, 37.987vh) scale(0.45);
  }

  to {
    transform: translate(97.02165vw, 200vh) scale(0.45);
  }
}

.snow:nth-child(97) {
  opacity: 0.4608;
  transform: translate(80.2941vw, -10px) scale(0.9255);
  animation: fall-97 21s -30s linear infinite;
}

@keyframes fall-97 {
  56.893% {
    transform: translate(86.4915vw, 56.893vh) scale(0.9255);
  }

  to {
    transform: translate(83.3928vw, 200vh) scale(0.9255);
  }
}

.snow:nth-child(98) {
  opacity: 0.6696;
  transform: translate(63.0199vw, -10px) scale(0.2295);
  animation: fall-98 12s -21s linear infinite;
}

@keyframes fall-98 {
  47.053% {
    transform: translate(72.3406vw, 47.053vh) scale(0.2295);
  }

  to {
    transform: translate(67.68025vw, 200vh) scale(0.2295);
  }
}

.snow:nth-child(99) {
  opacity: 0.7069;
  transform: translate(88.9322vw, -10px) scale(0.231);
  animation: fall-99 28s -1s linear infinite;
}

@keyframes fall-99 {
  78.026% {
    transform: translate(98.3757vw, 78.026vh) scale(0.231);
  }

  to {
    transform: translate(93.65395vw, 200vh) scale(0.231);
  }
}

.snow:nth-child(100) {
  opacity: 0.908;
  transform: translate(44.646vw, -10px) scale(0.205);
  animation: fall-100 19s -29s linear infinite;
}

@keyframes fall-100 {
  39.956% {
    transform: translate(35.8029vw, 39.956vh) scale(0.205);
  }

  to {
    transform: translate(40.22445vw, 200vh) scale(0.205);
  }
}

.snow:nth-child(101) {
  opacity: 0.5883;
  transform: translate(72.8816vw, -10px) scale(0.1607);
  animation: fall-101 11s -1s linear infinite;
}

@keyframes fall-101 {
  53.222% {
    transform: translate(66.2636vw, 53.222vh) scale(0.1607);
  }

  to {
    transform: translate(69.5726vw, 200vh) scale(0.1607);
  }
}

.snow:nth-child(102) {
  opacity: 0.1352;
  transform: translate(22.3111vw, -10px) scale(0.3038);
  animation: fall-102 19s -15s linear infinite;
}

@keyframes fall-102 {
  59.614% {
    transform: translate(16.9223vw, 59.614vh) scale(0.3038);
  }

  to {
    transform: translate(19.6167vw, 200vh) scale(0.3038);
  }
}

.snow:nth-child(103) {
  opacity: 0.1779;
  transform: translate(88.9091vw, -10px) scale(0.6797);
  animation: fall-103 19s -12s linear infinite;
}

@keyframes fall-103 {
  54.206% {
    transform: translate(95.4519vw, 54.206vh) scale(0.6797);
  }

  to {
    transform: translate(92.1805vw, 200vh) scale(0.6797);
  }
}

.snow:nth-child(104) {
  opacity: 0.7219;
  transform: translate(20.3183vw, -10px) scale(0.711);
  animation: fall-104 11s -22s linear infinite;
}

@keyframes fall-104 {
  68.302% {
    transform: translate(14.9174vw, 68.302vh) scale(0.711);
  }

  to {
    transform: translate(17.61785vw, 200vh) scale(0.711);
  }
}

.snow:nth-child(105) {
  opacity: 0.7462;
  transform: translate(15.1731vw, -10px) scale(0.33);
  animation: fall-105 14s -9s linear infinite;
}

@keyframes fall-105 {
  41.307% {
    transform: translate(10.3363vw, 41.307vh) scale(0.33);
  }

  to {
    transform: translate(12.7547vw, 200vh) scale(0.33);
  }
}

.snow:nth-child(106) {
  opacity: 0.5457;
  transform: translate(94.5928vw, -10px) scale(0.3914);
  animation: fall-106 30s -1s linear infinite;
}

@keyframes fall-106 {
  42.439% {
    transform: translate(97.3164vw, 42.439vh) scale(0.3914);
  }

  to {
    transform: translate(95.9546vw, 200vh) scale(0.3914);
  }
}

.snow:nth-child(107) {
  opacity: 0.8625;
  transform: translate(40.2678vw, -10px) scale(0.7988);
  animation: fall-107 14s -25s linear infinite;
}

@keyframes fall-107 {
  55.069% {
    transform: translate(31.1064vw, 55.069vh) scale(0.7988);
  }

  to {
    transform: translate(35.6871vw, 200vh) scale(0.7988);
  }
}

.snow:nth-child(108) {
  opacity: 0.5951;
  transform: translate(17.4581vw, -10px) scale(0.7936);
  animation: fall-108 11s -28s linear infinite;
}

@keyframes fall-108 {
  64.057% {
    transform: translate(17.7493vw, 64.057vh) scale(0.7936);
  }

  to {
    transform: translate(17.6037vw, 200vh) scale(0.7936);
  }
}

.snow:nth-child(109) {
  opacity: 0.3883;
  transform: translate(53.3114vw, -10px) scale(0.1679);
  animation: fall-109 29s -8s linear infinite;
}

@keyframes fall-109 {
  60.577% {
    transform: translate(55.2411vw, 60.577vh) scale(0.1679);
  }

  to {
    transform: translate(54.27625vw, 200vh) scale(0.1679);
  }
}

.snow:nth-child(110) {
  opacity: 0.8027;
  transform: translate(66.977vw, -10px) scale(0.5751);
  animation: fall-110 19s -8s linear infinite;
}

@keyframes fall-110 {
  34.296% {
    transform: translate(59.4821vw, 34.296vh) scale(0.5751);
  }

  to {
    transform: translate(63.22955vw, 200vh) scale(0.5751);
  }
}

.snow:nth-child(111) {
  opacity: 0.1211;
  transform: translate(59.2624vw, -10px) scale(0.6478);
  animation: fall-111 13s -13s linear infinite;
}

@keyframes fall-111 {
  33.963% {
    transform: translate(57.3067vw, 33.963vh) scale(0.6478);
  }

  to {
    transform: translate(58.28455vw, 200vh) scale(0.6478);
  }
}

.snow:nth-child(112) {
  opacity: 0.0408;
  transform: translate(76.6799vw, -10px) scale(0.1603);
  animation: fall-112 11s -29s linear infinite;
}

@keyframes fall-112 {
  46.428% {
    transform: translate(74.6727vw, 46.428vh) scale(0.1603);
  }

  to {
    transform: translate(75.6763vw, 200vh) scale(0.1603);
  }
}

.snow:nth-child(113) {
  opacity: 0.0912;
  transform: translate(88.3847vw, -10px) scale(0.5067);
  animation: fall-113 14s -17s linear infinite;
}

@keyframes fall-113 {
  37.907% {
    transform: translate(86.3692vw, 37.907vh) scale(0.5067);
  }

  to {
    transform: translate(87.37695vw, 200vh) scale(0.5067);
  }
}

.snow:nth-child(114) {
  opacity: 0.1283;
  transform: translate(25.0794vw, -10px) scale(0.3915);
  animation: fall-114 14s -24s linear infinite;
}

@keyframes fall-114 {
  37.385% {
    transform: translate(24.8048vw, 37.385vh) scale(0.3915);
  }

  to {
    transform: translate(24.9421vw, 200vh) scale(0.3915);
  }
}

.snow:nth-child(115) {
  opacity: 0.1222;
  transform: translate(34.77vw, -10px) scale(0.2025);
  animation: fall-115 29s -20s linear infinite;
}

@keyframes fall-115 {
  53.728% {
    transform: translate(43.7943vw, 53.728vh) scale(0.2025);
  }

  to {
    transform: translate(39.28215vw, 200vh) scale(0.2025);
  }
}

.snow:nth-child(116) {
  opacity: 0.1516;
  transform: translate(24.2297vw, -10px) scale(0.5103);
  animation: fall-116 26s -17s linear infinite;
}

@keyframes fall-116 {
  73.152% {
    transform: translate(20.5309vw, 73.152vh) scale(0.5103);
  }

  to {
    transform: translate(22.3803vw, 200vh) scale(0.5103);
  }
}

.snow:nth-child(117) {
  opacity: 0.7965;
  transform: translate(30.9854vw, -10px) scale(0.9208);
  animation: fall-117 11s -6s linear infinite;
}

@keyframes fall-117 {
  40.891% {
    transform: translate(32.3048vw, 40.891vh) scale(0.9208);
  }

  to {
    transform: translate(31.6451vw, 200vh) scale(0.9208);
  }
}

.snow:nth-child(118) {
  opacity: 0.7038;
  transform: translate(24.6545vw, -10px) scale(0.6203);
  animation: fall-118 13s -6s linear infinite;
}

@keyframes fall-118 {
  57.149% {
    transform: translate(16.5537vw, 57.149vh) scale(0.6203);
  }

  to {
    transform: translate(20.6041vw, 200vh) scale(0.6203);
  }
}

.snow:nth-child(119) {
  opacity: 0.5427;
  transform: translate(15.0012vw, -10px) scale(0.2027);
  animation: fall-119 30s -4s linear infinite;
}

@keyframes fall-119 {
  31.33% {
    transform: translate(14.4774vw, 31.33vh) scale(0.2027);
  }

  to {
    transform: translate(14.7393vw, 200vh) scale(0.2027);
  }
}

.snow:nth-child(120) {
  opacity: 0.2385;
  transform: translate(64.0256vw, -10px) scale(0.3981);
  animation: fall-120 14s -27s linear infinite;
}

@keyframes fall-120 {
  52.49% {
    transform: translate(69.4711vw, 52.49vh) scale(0.3981);
  }

  to {
    transform: translate(66.74835vw, 200vh) scale(0.3981);
  }
}

.snow:nth-child(121) {
  opacity: 0.5401;
  transform: translate(94.8356vw, -10px) scale(0.6797);
  animation: fall-121 21s -8s linear infinite;
}

@keyframes fall-121 {
  74.896% {
    transform: translate(98.0027vw, 74.896vh) scale(0.6797);
  }

  to {
    transform: translate(96.41915vw, 200vh) scale(0.6797);
  }
}

.snow:nth-child(122) {
  opacity: 0.6878;
  transform: translate(69.7812vw, -10px) scale(0.842);
  animation: fall-122 28s -5s linear infinite;
}

@keyframes fall-122 {
  42.239% {
    transform: translate(69.2069vw, 42.239vh) scale(0.842);
  }

  to {
    transform: translate(69.49405vw, 200vh) scale(0.842);
  }
}

.snow:nth-child(123) {
  opacity: 0.6296;
  transform: translate(22.3353vw, -10px) scale(0.2129);
  animation: fall-123 30s -18s linear infinite;
}

@keyframes fall-123 {
  54.759% {
    transform: translate(29.9524vw, 54.759vh) scale(0.2129);
  }

  to {
    transform: translate(26.14385vw, 200vh) scale(0.2129);
  }
}

.snow:nth-child(124) {
  opacity: 0.3796;
  transform: translate(56.7787vw, -10px) scale(0.6376);
  animation: fall-124 22s -18s linear infinite;
}

@keyframes fall-124 {
  40.733% {
    transform: translate(47.0854vw, 40.733vh) scale(0.6376);
  }

  to {
    transform: translate(51.93205vw, 200vh) scale(0.6376);
  }
}

.snow:nth-child(125) {
  opacity: 0.3701;
  transform: translate(25.7387vw, -10px) scale(0.9128);
  animation: fall-125 12s -24s linear infinite;
}

@keyframes fall-125 {
  62.193% {
    transform: translate(19.8702vw, 62.193vh) scale(0.9128);
  }

  to {
    transform: translate(22.80445vw, 200vh) scale(0.9128);
  }
}

.snow:nth-child(126) {
  opacity: 0.5258;
  transform: translate(90.881vw, -10px) scale(0.7864);
  animation: fall-126 23s -3s linear infinite;
}

@keyframes fall-126 {
  75.149% {
    transform: translate(80.9027vw, 75.149vh) scale(0.7864);
  }

  to {
    transform: translate(85.89185vw, 200vh) scale(0.7864);
  }
}

.snow:nth-child(127) {
  opacity: 0.5203;
  transform: translate(31.6224vw, -10px) scale(0.0799);
  animation: fall-127 24s -2s linear infinite;
}

@keyframes fall-127 {
  46.017% {
    transform: translate(39.7087vw, 46.017vh) scale(0.0799);
  }

  to {
    transform: translate(35.66555vw, 200vh) scale(0.0799);
  }
}

.snow:nth-child(128) {
  opacity: 0.837;
  transform: translate(16.9362vw, -10px) scale(0.1463);
  animation: fall-128 27s -19s linear infinite;
}

@keyframes fall-128 {
  71.356% {
    transform: translate(17.5748vw, 71.356vh) scale(0.1463);
  }

  to {
    transform: translate(17.2555vw, 200vh) scale(0.1463);
  }
}

.snow:nth-child(129) {
  opacity: 0.9909;
  transform: translate(72.0531vw, -10px) scale(0.6822);
  animation: fall-129 13s -28s linear infinite;
}

@keyframes fall-129 {
  40.741% {
    transform: translate(63.1529vw, 40.741vh) scale(0.6822);
  }

  to {
    transform: translate(67.603vw, 200vh) scale(0.6822);
  }
}

.snow:nth-child(130) {
  opacity: 0.7145;
  transform: translate(71.569vw, -10px) scale(0.3979);
  animation: fall-130 20s -23s linear infinite;
}

@keyframes fall-130 {
  56.673% {
    transform: translate(77.416vw, 56.673vh) scale(0.3979);
  }

  to {
    transform: translate(74.4925vw, 200vh) scale(0.3979);
  }
}

.snow:nth-child(131) {
  opacity: 0.565;
  transform: translate(89.5594vw, -10px) scale(0.5703);
  animation: fall-131 27s -28s linear infinite;
}

@keyframes fall-131 {
  64.376% {
    transform: translate(93.7167vw, 64.376vh) scale(0.5703);
  }

  to {
    transform: translate(91.63805vw, 200vh) scale(0.5703);
  }
}

.snow:nth-child(132) {
  opacity: 0.6276;
  transform: translate(36.7273vw, -10px) scale(0.6033);
  animation: fall-132 22s -16s linear infinite;
}

@keyframes fall-132 {
  74.8% {
    transform: translate(42.6529vw, 74.8vh) scale(0.6033);
  }

  to {
    transform: translate(39.6901vw, 200vh) scale(0.6033);
  }
}

.snow:nth-child(133) {
  opacity: 0.3963;
  transform: translate(56.6825vw, -10px) scale(0.5098);
  animation: fall-133 29s -24s linear infinite;
}

@keyframes fall-133 {
  57.48% {
    transform: translate(62.6848vw, 57.48vh) scale(0.5098);
  }

  to {
    transform: translate(59.68365vw, 200vh) scale(0.5098);
  }
}

.snow:nth-child(134) {
  opacity: 0.6929;
  transform: translate(30.7639vw, -10px) scale(0.2199);
  animation: fall-134 30s -24s linear infinite;
}

@keyframes fall-134 {
  61.286% {
    transform: translate(36.4778vw, 61.286vh) scale(0.2199);
  }

  to {
    transform: translate(33.62085vw, 200vh) scale(0.2199);
  }
}

.snow:nth-child(135) {
  opacity: 0.4575;
  transform: translate(24.3899vw, -10px) scale(0.1664);
  animation: fall-135 18s -30s linear infinite;
}

@keyframes fall-135 {
  31.995% {
    transform: translate(16.8204vw, 31.995vh) scale(0.1664);
  }

  to {
    transform: translate(20.60515vw, 200vh) scale(0.1664);
  }
}

.snow:nth-child(136) {
  opacity: 0.1856;
  transform: translate(42.4735vw, -10px) scale(0.4057);
  animation: fall-136 17s -2s linear infinite;
}

@keyframes fall-136 {
  71.496% {
    transform: translate(51.9851vw, 71.496vh) scale(0.4057);
  }

  to {
    transform: translate(47.2293vw, 200vh) scale(0.4057);
  }
}

.snow:nth-child(137) {
  opacity: 0.5223;
  transform: translate(58.2957vw, -10px) scale(0.9217);
  animation: fall-137 21s -25s linear infinite;
}

@keyframes fall-137 {
  46.072% {
    transform: translate(53.7786vw, 46.072vh) scale(0.9217);
  }

  to {
    transform: translate(56.03715vw, 200vh) scale(0.9217);
  }
}

.snow:nth-child(138) {
  opacity: 0.5842;
  transform: translate(51.8764vw, -10px) scale(0.4154);
  animation: fall-138 26s -10s linear infinite;
}

@keyframes fall-138 {
  46.686% {
    transform: translate(49.1688vw, 46.686vh) scale(0.4154);
  }

  to {
    transform: translate(50.5226vw, 200vh) scale(0.4154);
  }
}

.snow:nth-child(139) {
  opacity: 0.7972;
  transform: translate(41.4899vw, -10px) scale(0.5336);
  animation: fall-139 13s -7s linear infinite;
}

@keyframes fall-139 {
  42.989% {
    transform: translate(47.3569vw, 42.989vh) scale(0.5336);
  }

  to {
    transform: translate(44.4234vw, 200vh) scale(0.5336);
  }
}

.snow:nth-child(140) {
  opacity: 0.4203;
  transform: translate(19.6636vw, -10px) scale(0.0942);
  animation: fall-140 20s -25s linear infinite;
}

@keyframes fall-140 {
  47.084% {
    transform: translate(26.3415vw, 47.084vh) scale(0.0942);
  }

  to {
    transform: translate(23.00255vw, 200vh) scale(0.0942);
  }
}

.snow:nth-child(141) {
  opacity: 0.0002;
  transform: translate(39.3966vw, -10px) scale(0.8595);
  animation: fall-141 12s -9s linear infinite;
}

@keyframes fall-141 {
  57.187% {
    transform: translate(40.7884vw, 57.187vh) scale(0.8595);
  }

  to {
    transform: translate(40.0925vw, 200vh) scale(0.8595);
  }
}

.snow:nth-child(142) {
  opacity: 0.4436;
  transform: translate(50.0286vw, -10px) scale(0.6275);
  animation: fall-142 13s -5s linear infinite;
}

@keyframes fall-142 {
  70.472% {
    transform: translate(42.987vw, 70.472vh) scale(0.6275);
  }

  to {
    transform: translate(46.5078vw, 200vh) scale(0.6275);
  }
}

.snow:nth-child(143) {
  opacity: 0.4625;
  transform: translate(44.9142vw, -10px) scale(0.4133);
  animation: fall-143 11s -22s linear infinite;
}

@keyframes fall-143 {
  66.981% {
    transform: translate(50.5926vw, 66.981vh) scale(0.4133);
  }

  to {
    transform: translate(47.7534vw, 200vh) scale(0.4133);
  }
}

.snow:nth-child(144) {
  opacity: 0.1157;
  transform: translate(80.122vw, -10px) scale(0.9039);
  animation: fall-144 11s -26s linear infinite;
}

@keyframes fall-144 {
  34.527% {
    transform: translate(87.09vw, 34.527vh) scale(0.9039);
  }

  to {
    transform: translate(83.606vw, 200vh) scale(0.9039);
  }
}

.snow:nth-child(145) {
  opacity: 0.5731;
  transform: translate(81.6914vw, -10px) scale(0.0436);
  animation: fall-145 13s -3s linear infinite;
}

@keyframes fall-145 {
  69.37% {
    transform: translate(89.4078vw, 69.37vh) scale(0.0436);
  }

  to {
    transform: translate(85.5496vw, 200vh) scale(0.0436);
  }
}

.snow:nth-child(146) {
  opacity: 0.1596;
  transform: translate(31.9326vw, -10px) scale(0.2164);
  animation: fall-146 27s -1s linear infinite;
}

@keyframes fall-146 {
  49.259% {
    transform: translate(33.946vw, 49.259vh) scale(0.2164);
  }

  to {
    transform: translate(32.9393vw, 200vh) scale(0.2164);
  }
}

.snow:nth-child(147) {
  opacity: 0.9053;
  transform: translate(11.642vw, -10px) scale(0.0697);
  animation: fall-147 14s -15s linear infinite;
}

@keyframes fall-147 {
  38.366% {
    transform: translate(5.758vw, 38.366vh) scale(0.0697);
  }

  to {
    transform: translate(8.7vw, 200vh) scale(0.0697);
  }
}

.snow:nth-child(148) {
  opacity: 0.5592;
  transform: translate(51.2768vw, -10px) scale(0.6409);
  animation: fall-148 12s -5s linear infinite;
}

@keyframes fall-148 {
  79.114% {
    transform: translate(51.9193vw, 79.114vh) scale(0.6409);
  }

  to {
    transform: translate(51.59805vw, 200vh) scale(0.6409);
  }
}

.snow:nth-child(149) {
  opacity: 0.0002;
  transform: translate(98.9511vw, -10px) scale(0.5966);
  animation: fall-149 24s -17s linear infinite;
}

@keyframes fall-149 {
  51.415% {
    transform: translate(101.4912vw, 51.415vh) scale(0.5966);
  }

  to {
    transform: translate(100.22115vw, 200vh) scale(0.5966);
  }
}

.snow:nth-child(150) {
  opacity: 0.1236;
  transform: translate(93.8428vw, -10px) scale(0.9076);
  animation: fall-150 15s -9s linear infinite;
}

@keyframes fall-150 {
  32.471% {
    transform: translate(98.9491vw, 32.471vh) scale(0.9076);
  }

  to {
    transform: translate(96.39595vw, 200vh) scale(0.9076);
  }
}

.snow:nth-child(151) {
  opacity: 0.2567;
  transform: translate(18.9456vw, -10px) scale(0.2261);
  animation: fall-151 20s -5s linear infinite;
}

@keyframes fall-151 {
  37.706% {
    transform: translate(9.3592vw, 37.706vh) scale(0.2261);
  }

  to {
    transform: translate(14.1524vw, 200vh) scale(0.2261);
  }
}

.snow:nth-child(152) {
  opacity: 0.9765;
  transform: translate(92.4618vw, -10px) scale(0.4035);
  animation: fall-152 21s -27s linear infinite;
}

@keyframes fall-152 {
  30.589% {
    transform: translate(95.271vw, 30.589vh) scale(0.4035);
  }

  to {
    transform: translate(93.8664vw, 200vh) scale(0.4035);
  }
}

.snow:nth-child(153) {
  opacity: 0.3756;
  transform: translate(10.3911vw, -10px) scale(0.4081);
  animation: fall-153 16s -11s linear infinite;
}

@keyframes fall-153 {
  62.072% {
    transform: translate(3.4601vw, 62.072vh) scale(0.4081);
  }

  to {
    transform: translate(6.9256vw, 200vh) scale(0.4081);
  }
}

.snow:nth-child(154) {
  opacity: 0.7241;
  transform: translate(32.6647vw, -10px) scale(0.0112);
  animation: fall-154 13s -5s linear infinite;
}

@keyframes fall-154 {
  37.417% {
    transform: translate(28.1885vw, 37.417vh) scale(0.0112);
  }

  to {
    transform: translate(30.4266vw, 200vh) scale(0.0112);
  }
}

.snow:nth-child(155) {
  opacity: 0.992;
  transform: translate(42.0049vw, -10px) scale(0.0482);
  animation: fall-155 22s -22s linear infinite;
}

@keyframes fall-155 {
  59.923% {
    transform: translate(41.9482vw, 59.923vh) scale(0.0482);
  }

  to {
    transform: translate(41.97655vw, 200vh) scale(0.0482);
  }
}

.snow:nth-child(156) {
  opacity: 0.1578;
  transform: translate(63.749vw, -10px) scale(0.5012);
  animation: fall-156 29s -17s linear infinite;
}

@keyframes fall-156 {
  53.212% {
    transform: translate(70.4068vw, 53.212vh) scale(0.5012);
  }

  to {
    transform: translate(67.0779vw, 200vh) scale(0.5012);
  }
}

.snow:nth-child(157) {
  opacity: 0.475;
  transform: translate(50.2052vw, -10px) scale(0.6215);
  animation: fall-157 20s -19s linear infinite;
}

@keyframes fall-157 {
  74.29% {
    transform: translate(48.6952vw, 74.29vh) scale(0.6215);
  }

  to {
    transform: translate(49.4502vw, 200vh) scale(0.6215);
  }
}

.snow:nth-child(158) {
  opacity: 0.732;
  transform: translate(72.5141vw, -10px) scale(0.6257);
  animation: fall-158 13s -9s linear infinite;
}

@keyframes fall-158 {
  33.66% {
    transform: translate(69.7484vw, 33.66vh) scale(0.6257);
  }

  to {
    transform: translate(71.13125vw, 200vh) scale(0.6257);
  }
}

.snow:nth-child(159) {
  opacity: 0.5981;
  transform: translate(93.3144vw, -10px) scale(0.0427);
  animation: fall-159 10s -26s linear infinite;
}

@keyframes fall-159 {
  47.191% {
    transform: translate(96.0924vw, 47.191vh) scale(0.0427);
  }

  to {
    transform: translate(94.7034vw, 200vh) scale(0.0427);
  }
}

.snow:nth-child(160) {
  opacity: 0.2496;
  transform: translate(31.3834vw, -10px) scale(0.5899);
  animation: fall-160 20s -27s linear infinite;
}

@keyframes fall-160 {
  41.573% {
    transform: translate(32.4092vw, 41.573vh) scale(0.5899);
  }

  to {
    transform: translate(31.8963vw, 200vh) scale(0.5899);
  }
}

.snow:nth-child(161) {
  opacity: 0.3218;
  transform: translate(76.4204vw, -10px) scale(0.0226);
  animation: fall-161 23s -29s linear infinite;
}

@keyframes fall-161 {
  59.746% {
    transform: translate(75.55vw, 59.746vh) scale(0.0226);
  }

  to {
    transform: translate(75.9852vw, 200vh) scale(0.0226);
  }
}

.snow:nth-child(162) {
  opacity: 0.324;
  transform: translate(38.7839vw, -10px) scale(0.4031);
  animation: fall-162 23s -23s linear infinite;
}

@keyframes fall-162 {
  32.472% {
    transform: translate(41.7129vw, 32.472vh) scale(0.4031);
  }

  to {
    transform: translate(40.2484vw, 200vh) scale(0.4031);
  }
}

.snow:nth-child(163) {
  opacity: 0.0417;
  transform: translate(77.4986vw, -10px) scale(0.3518);
  animation: fall-163 12s -4s linear infinite;
}

@keyframes fall-163 {
  77.667% {
    transform: translate(83.984vw, 77.667vh) scale(0.3518);
  }

  to {
    transform: translate(80.7413vw, 200vh) scale(0.3518);
  }
}

.snow:nth-child(164) {
  opacity: 0.3852;
  transform: translate(32.3999vw, -10px) scale(0.8813);
  animation: fall-164 28s -13s linear infinite;
}

@keyframes fall-164 {
  46.524% {
    transform: translate(38.9683vw, 46.524vh) scale(0.8813);
  }

  to {
    transform: translate(35.6841vw, 200vh) scale(0.8813);
  }
}

.snow:nth-child(165) {
  opacity: 0.4172;
  transform: translate(98.5887vw, -10px) scale(0.8231);
  animation: fall-165 21s -12s linear infinite;
}

@keyframes fall-165 {
  51.186% {
    transform: translate(104.3215vw, 51.186vh) scale(0.8231);
  }

  to {
    transform: translate(101.4551vw, 200vh) scale(0.8231);
  }
}

.snow:nth-child(166) {
  opacity: 0.6728;
  transform: translate(23.0315vw, -10px) scale(0.5067);
  animation: fall-166 20s -2s linear infinite;
}

@keyframes fall-166 {
  30.779% {
    transform: translate(28.9905vw, 30.779vh) scale(0.5067);
  }

  to {
    transform: translate(26.011vw, 200vh) scale(0.5067);
  }
}

.snow:nth-child(167) {
  opacity: 0.1544;
  transform: translate(6.6786vw, -10px) scale(0.321);
  animation: fall-167 16s -26s linear infinite;
}

@keyframes fall-167 {
  39.383% {
    transform: translate(-1.1829vw, 39.383vh) scale(0.321);
  }

  to {
    transform: translate(2.74785vw, 200vh) scale(0.321);
  }
}

.snow:nth-child(168) {
  opacity: 0.7547;
  transform: translate(73.3593vw, -10px) scale(0.4094);
  animation: fall-168 26s -24s linear infinite;
}

@keyframes fall-168 {
  70.244% {
    transform: translate(65.7318vw, 70.244vh) scale(0.4094);
  }

  to {
    transform: translate(69.54555vw, 200vh) scale(0.4094);
  }
}

.snow:nth-child(169) {
  opacity: 0.8668;
  transform: translate(55.2199vw, -10px) scale(0.5359);
  animation: fall-169 26s -17s linear infinite;
}

@keyframes fall-169 {
  70.032% {
    transform: translate(55.4263vw, 70.032vh) scale(0.5359);
  }

  to {
    transform: translate(55.3231vw, 200vh) scale(0.5359);
  }
}

.snow:nth-child(170) {
  opacity: 0.4014;
  transform: translate(43.2459vw, -10px) scale(0.2956);
  animation: fall-170 23s -11s linear infinite;
}

@keyframes fall-170 {
  32.012% {
    transform: translate(35.1956vw, 32.012vh) scale(0.2956);
  }

  to {
    transform: translate(39.22075vw, 200vh) scale(0.2956);
  }
}

.snow:nth-child(171) {
  opacity: 0.1887;
  transform: translate(22.6809vw, -10px) scale(0.2906);
  animation: fall-171 20s -1s linear infinite;
}

@keyframes fall-171 {
  42.059% {
    transform: translate(26.8336vw, 42.059vh) scale(0.2906);
  }

  to {
    transform: translate(24.75725vw, 200vh) scale(0.2906);
  }
}

.snow:nth-child(172) {
  opacity: 0.2166;
  transform: translate(79.1788vw, -10px) scale(0.4802);
  animation: fall-172 27s -7s linear infinite;
}

@keyframes fall-172 {
  58.813% {
    transform: translate(84.2881vw, 58.813vh) scale(0.4802);
  }

  to {
    transform: translate(81.73345vw, 200vh) scale(0.4802);
  }
}

.snow:nth-child(173) {
  opacity: 0.7752;
  transform: translate(63.8592vw, -10px) scale(0.989);
  animation: fall-173 30s -10s linear infinite;
}

@keyframes fall-173 {
  49.071% {
    transform: translate(61.316vw, 49.071vh) scale(0.989);
  }

  to {
    transform: translate(62.5876vw, 200vh) scale(0.989);
  }
}

.snow:nth-child(174) {
  opacity: 0.3225;
  transform: translate(42.6029vw, -10px) scale(0.9243);
  animation: fall-174 25s -23s linear infinite;
}

@keyframes fall-174 {
  76.911% {
    transform: translate(50.4395vw, 76.911vh) scale(0.9243);
  }

  to {
    transform: translate(46.5212vw, 200vh) scale(0.9243);
  }
}

.snow:nth-child(175) {
  opacity: 0.8412;
  transform: translate(21.9435vw, -10px) scale(0.487);
  animation: fall-175 12s -28s linear infinite;
}

@keyframes fall-175 {
  66.351% {
    transform: translate(19.6177vw, 66.351vh) scale(0.487);
  }

  to {
    transform: translate(20.7806vw, 200vh) scale(0.487);
  }
}

.snow:nth-child(176) {
  opacity: 0.6337;
  transform: translate(79.8596vw, -10px) scale(0.1204);
  animation: fall-176 20s -11s linear infinite;
}

@keyframes fall-176 {
  51.606% {
    transform: translate(72.777vw, 51.606vh) scale(0.1204);
  }

  to {
    transform: translate(76.3183vw, 200vh) scale(0.1204);
  }
}

.snow:nth-child(177) {
  opacity: 0.5681;
  transform: translate(23.3763vw, -10px) scale(0.3957);
  animation: fall-177 18s -18s linear infinite;
}

@keyframes fall-177 {
  73.303% {
    transform: translate(24.0727vw, 73.303vh) scale(0.3957);
  }

  to {
    transform: translate(23.7245vw, 200vh) scale(0.3957);
  }
}

.snow:nth-child(178) {
  opacity: 0.5325;
  transform: translate(5.2939vw, -10px) scale(0.1849);
  animation: fall-178 22s -26s linear infinite;
}

@keyframes fall-178 {
  65.503% {
    transform: translate(1.4107vw, 65.503vh) scale(0.1849);
  }

  to {
    transform: translate(3.3523vw, 200vh) scale(0.1849);
  }
}

.snow:nth-child(179) {
  opacity: 0.2958;
  transform: translate(73.8163vw, -10px) scale(0.3363);
  animation: fall-179 10s -4s linear infinite;
}

@keyframes fall-179 {
  56.657% {
    transform: translate(67.8069vw, 56.657vh) scale(0.3363);
  }

  to {
    transform: translate(70.8116vw, 200vh) scale(0.3363);
  }
}

.snow:nth-child(180) {
  opacity: 0.4056;
  transform: translate(46.9158vw, -10px) scale(0.6528);
  animation: fall-180 24s -30s linear infinite;
}

@keyframes fall-180 {
  79.296% {
    transform: translate(45.3276vw, 79.296vh) scale(0.6528);
  }

  to {
    transform: translate(46.1217vw, 200vh) scale(0.6528);
  }
}

.snow:nth-child(181) {
  opacity: 0.6812;
  transform: translate(30.5933vw, -10px) scale(0.2416);
  animation: fall-181 26s -30s linear infinite;
}

@keyframes fall-181 {
  43.108% {
    transform: translate(34.4199vw, 43.108vh) scale(0.2416);
  }

  to {
    transform: translate(32.5066vw, 200vh) scale(0.2416);
  }
}

.snow:nth-child(182) {
  opacity: 0.6629;
  transform: translate(35.5932vw, -10px) scale(0.5504);
  animation: fall-182 23s -27s linear infinite;
}

@keyframes fall-182 {
  44.695% {
    transform: translate(27.3269vw, 44.695vh) scale(0.5504);
  }

  to {
    transform: translate(31.46005vw, 200vh) scale(0.5504);
  }
}

.snow:nth-child(183) {
  opacity: 0.3743;
  transform: translate(74.4778vw, -10px) scale(0.9274);
  animation: fall-183 19s -9s linear infinite;
}

@keyframes fall-183 {
  64.812% {
    transform: translate(76.0762vw, 64.812vh) scale(0.9274);
  }

  to {
    transform: translate(75.277vw, 200vh) scale(0.9274);
  }
}

.snow:nth-child(184) {
  opacity: 0.5473;
  transform: translate(39.1568vw, -10px) scale(0.6358);
  animation: fall-184 15s -6s linear infinite;
}

@keyframes fall-184 {
  66.8% {
    transform: translate(44.1244vw, 66.8vh) scale(0.6358);
  }

  to {
    transform: translate(41.6406vw, 200vh) scale(0.6358);
  }
}

.snow:nth-child(185) {
  opacity: 0.266;
  transform: translate(9.1687vw, -10px) scale(0.864);
  animation: fall-185 14s -28s linear infinite;
}

@keyframes fall-185 {
  79.563% {
    transform: translate(16.5504vw, 79.563vh) scale(0.864);
  }

  to {
    transform: translate(12.85955vw, 200vh) scale(0.864);
  }
}

.snow:nth-child(186) {
  opacity: 0.3835;
  transform: translate(92.7428vw, -10px) scale(0.9726);
  animation: fall-186 12s -17s linear infinite;
}

@keyframes fall-186 {
  66.961% {
    transform: translate(97.754vw, 66.961vh) scale(0.9726);
  }

  to {
    transform: translate(95.2484vw, 200vh) scale(0.9726);
  }
}

.snow:nth-child(187) {
  opacity: 0.1317;
  transform: translate(94.0713vw, -10px) scale(0.3888);
  animation: fall-187 22s -16s linear infinite;
}

@keyframes fall-187 {
  78.055% {
    transform: translate(93.4715vw, 78.055vh) scale(0.3888);
  }

  to {
    transform: translate(93.7714vw, 200vh) scale(0.3888);
  }
}

.snow:nth-child(188) {
  opacity: 0.3237;
  transform: translate(96.3008vw, -10px) scale(0.3466);
  animation: fall-188 28s -28s linear infinite;
}

@keyframes fall-188 {
  38.992% {
    transform: translate(100.7098vw, 38.992vh) scale(0.3466);
  }

  to {
    transform: translate(98.5053vw, 200vh) scale(0.3466);
  }
}

.snow:nth-child(189) {
  opacity: 0.0888;
  transform: translate(71.6987vw, -10px) scale(0.7892);
  animation: fall-189 29s -30s linear infinite;
}

@keyframes fall-189 {
  30.859% {
    transform: translate(66.6092vw, 30.859vh) scale(0.7892);
  }

  to {
    transform: translate(69.15395vw, 200vh) scale(0.7892);
  }
}

.snow:nth-child(190) {
  opacity: 0.3528;
  transform: translate(26.2454vw, -10px) scale(0.4815);
  animation: fall-190 16s -28s linear infinite;
}

@keyframes fall-190 {
  78.763% {
    transform: translate(26.7509vw, 78.763vh) scale(0.4815);
  }

  to {
    transform: translate(26.49815vw, 200vh) scale(0.4815);
  }
}

.snow:nth-child(191) {
  opacity: 0.2411;
  transform: translate(47.2213vw, -10px) scale(0.7223);
  animation: fall-191 11s -30s linear infinite;
}

@keyframes fall-191 {
  63.532% {
    transform: translate(55.8788vw, 63.532vh) scale(0.7223);
  }

  to {
    transform: translate(51.55005vw, 200vh) scale(0.7223);
  }
}

.snow:nth-child(192) {
  opacity: 0.0579;
  transform: translate(33.3397vw, -10px) scale(0.3637);
  animation: fall-192 13s -5s linear infinite;
}

@keyframes fall-192 {
  74.451% {
    transform: translate(30.6488vw, 74.451vh) scale(0.3637);
  }

  to {
    transform: translate(31.99425vw, 200vh) scale(0.3637);
  }
}

.snow:nth-child(193) {
  opacity: 0.0078;
  transform: translate(46.9066vw, -10px) scale(0.8088);
  animation: fall-193 15s -7s linear infinite;
}

@keyframes fall-193 {
  75.139% {
    transform: translate(41.9917vw, 75.139vh) scale(0.8088);
  }

  to {
    transform: translate(44.44915vw, 200vh) scale(0.8088);
  }
}

.snow:nth-child(194) {
  opacity: 0.2676;
  transform: translate(24.7103vw, -10px) scale(0.3686);
  animation: fall-194 16s -6s linear infinite;
}

@keyframes fall-194 {
  53.887% {
    transform: translate(15.5219vw, 53.887vh) scale(0.3686);
  }

  to {
    transform: translate(20.1161vw, 200vh) scale(0.3686);
  }
}

.snow:nth-child(195) {
  opacity: 0.1104;
  transform: translate(3.3924vw, -10px) scale(0.5612);
  animation: fall-195 30s -19s linear infinite;
}

@keyframes fall-195 {
  62.936% {
    transform: translate(0.6533vw, 62.936vh) scale(0.5612);
  }

  to {
    transform: translate(2.02285vw, 200vh) scale(0.5612);
  }
}

.snow:nth-child(196) {
  opacity: 0.2203;
  transform: translate(54.0062vw, -10px) scale(0.2801);
  animation: fall-196 29s -24s linear infinite;
}

@keyframes fall-196 {
  49.52% {
    transform: translate(47.692vw, 49.52vh) scale(0.2801);
  }

  to {
    transform: translate(50.8491vw, 200vh) scale(0.2801);
  }
}

.snow:nth-child(197) {
  opacity: 0.2557;
  transform: translate(23.1173vw, -10px) scale(0.2873);
  animation: fall-197 22s -9s linear infinite;
}

@keyframes fall-197 {
  61.15% {
    transform: translate(19.532vw, 61.15vh) scale(0.2873);
  }

  to {
    transform: translate(21.32465vw, 200vh) scale(0.2873);
  }
}

.snow:nth-child(198) {
  opacity: 0.9479;
  transform: translate(56.0268vw, -10px) scale(0.4738);
  animation: fall-198 26s -13s linear infinite;
}

@keyframes fall-198 {
  34.285% {
    transform: translate(49.1924vw, 34.285vh) scale(0.4738);
  }

  to {
    transform: translate(52.6096vw, 200vh) scale(0.4738);
  }
}

.snow:nth-child(199) {
  opacity: 0.9886;
  transform: translate(88.0536vw, -10px) scale(0.4468);
  animation: fall-199 30s -30s linear infinite;
}

@keyframes fall-199 {
  71.729% {
    transform: translate(85.7904vw, 71.729vh) scale(0.4468);
  }

  to {
    transform: translate(86.922vw, 200vh) scale(0.4468);
  }
}

.snow:nth-child(200) {
  opacity: 0.2213;
  transform: translate(28.8668vw, -10px) scale(0.8835);
  animation: fall-200 17s -27s linear infinite;
}

@keyframes fall-200 {
  54.428% {
    transform: translate(37.9874vw, 54.428vh) scale(0.8835);
  }

  to {
    transform: translate(33.4271vw, 200vh) scale(0.8835);
  }
}

/*-----------------------------END of SNOW -------------------------------*/



/* scrollbar candy*/

.tab-content::-webkit-scrollbar-track {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.tab-content::-webkit-scrollbar {
  border-radius: 5px;
  width: 5px;
  background-color: #F5F5F5;
}

.tab-content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent)
}





.GamesContainer::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.GamesContainer::-webkit-scrollbar {
  border-radius: 5px;
  width: 5px;
  background-color: #F5F5F5;
}

.GamesContainer::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent)
}


body::-webkit-scrollbar-track {

  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #2c2c2c;
}

body::-webkit-scrollbar {

  border-radius: 10px;
  width: 5px;
  background-color: #2c2c2c;
}

body::-webkit-scrollbar-thumb {

  border-radius: 10px;
  background-color: #F90;
  background-image: -webkit-linear-gradient(45deg,
      rgba(255, 255, 255, .2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, .2) 50%,
      rgba(255, 255, 255, .2) 75%,
      transparent 75%,
      transparent)
}