html,
body {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgb(16, 16, 16) 100%);
    overflow-x: hidden;
    width: 100%;
}

.page-header {
    width: 100%;
    text-align: center;
    padding-top: 11.375rem;
    padding-bottom: 7.8125rem;
}

.navbar {
    background-color: rgba(0, 0, 0, 0.568);
    justify-content: left;
}

.nav-link {
  margin-left: 1rem;
  font-size: large;
  margin-right: 1rem;
}

.navbar-nav {
    display: flex;
    flex-direction: row;
}

#brand {
  font-size: x-large;
  font-weight: 600;
  background: #ef3b36;
  background: -webkit-linear-gradient(to left, #ef3b36, #ffffff); 
  background: linear-gradient(to left, #ef3b36, #ffffff);
  color: transparent;
  background-clip: text;
}

.line {
    padding: 0% 1%;
    color: rgba(255, 255, 255, .5);
}

.title {
    color: white;
    text-align: center;
    position: relative;
    font-size: 6.25rem;
    line-height: 90px;
    letter-spacing: 10px;
    z-index: 2;
}

.subtitle {
    color: whitesmoke;
    position: relative;
    text-align: center;
    font-size: 1.875rem;
    z-index: 2;
}

h3 {
    color: white;
}

.card {
    background-color: rgb(8, 8, 8);
    width: 37.5rem;
    border-radius: 20px;
    padding: 20px;
    margin: auto;
}

.row {
    width: 100%;
    margin-bottom: 20vh;
}

.col {
    margin-top: 15rem;
    width: fit-content;
}

.card-title {
    color: whitesmoke;
    font-size: 1.25rem;
    line-height: 1rem;
}

.card-text {
    color: rgb(151, 151, 151);
    font-size: 1rem;
    list-style-type: none;
    line-height: 2rem;
}

.spacer {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

.half {
    width: 50%;
}

.label-style {
    color: white;
    font-size: 1rem;
}

.form-style {
    display: flexbox;
    max-width: max-content;
    margin-bottom: 2rem;
}

.user-form-submit {
    margin-top: 1.5rem;
    align-content: center;
    width: 30%;
    margin-bottom: 1.5rem;
}

.input {
    background-color: #202020;
    border-color: #202020;
}
.input:focus {
    background-color: #202020;
    border-color: #202020;
}

#message {
    width: 43.75rem;
}

.display-4 {
    color: white;
    letter-spacing: 0.3125rem;
}

.link:hover {
    color: #c80909;
}

.lead {
    color: rgb(235, 235, 235);
}

p {
    color: rgb(184, 184, 184);
    line-height: 2rem;
}

.skills {
    display: flex;
    flex-wrap: wrap;
}

.skill {
    width: 30%;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    background: rgba(57, 57, 57, 0.2);
    border-radius: 10px;
    font-weight: 600;
    color: rgb(164, 163, 163);
}

.foot {
    letter-spacing: 2px;

}

.delay {
    margin-top: 10rem;
}

.delay,
.delay-2 {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 1s ease, transform 1s ease;
}

.container-cube {
  margin-top: 1vh;
  opacity: 0;
  perspective: 1000px;       /* keep fixed or scale if you want */
  width: 100%;
  height: 50vh;
  transform-origin: center;
  zoom: scale(1.25);
  display: grid;
  position: absolute;
  place-items: center;
  z-index: 1;
}

.cube {
  position: relative;
  width: 20vh;             /* 200px @ 1920px width */
  height: 20vh;            /* 200px @ 1080px height */
  transform-style: preserve-3d;
  animation: rotate 20s linear infinite;
}

.cube > div {
  position: absolute;
  width: 20vh;
  height: 20vh;
  opacity: 0.9;
  background: linear-gradient(to right, #c80909, #4e0000);
}

.face1 {
  transform: translateZ(calc(20vh / 2));
}

.face2 {
  transform: rotateY(90deg) translateZ(calc(20vh / 2));
}

.face3 {
  transform: rotateY(180deg) translateZ(calc(20vh / 2));
}

.face4 {
  transform: rotateX(90deg) translateZ(calc(20vh / 2));
}

.face5 {
  transform: rotateY(-90deg) translateZ(calc(20vh / 2));
}

.face6 {
  transform: rotateX(-90deg) translateZ(calc(20vh / 2)) rotate(180deg);
}

.cubecat {
    position: relative;
    width: 200px;
    height: 200px;
    transform-style: preserve-3d;
    animation: rotate 3s linear infinite;
}

.cubecat>div {
    position: absolute;
    width: 200px;
    height: 200px;
    opacity: 1;
    background: url('/static/sillycat.webp');
    background-size: cover;
}

.nav-item:hover,
.skill:hover,
button:hover {
    transform: scale(1.1);
    transition: transform 0.5s ease-in-out;
}

.nav-item:not(:hover),
.skill:not(:hover),
button:not(:hover) {
    transition: transform 0.5s ease-in-out;
}

.hidden {
    display: none;
}
#login {
    margin-bottom: 15rem;
}
#guestbook {
    margin-top: 3rem;
}
#chat {
  margin-top: 3rem;
}
#chatbox {
  height: 624px;
  overflow-y: scroll;
}
#settings {
    margin-top: 3rem !important;
}
.transition-box {
    position: fixed;
    z-index: 3;
    width: 100vw;
    height: 60vh;
    animation: open 0.5s ease 1;
    animation-fill-mode: forwards;
    display: block;
    background-color: #000000;
}

.snow {
    position: absolute;
    width: 10px;
    height: 10px;
    z-index: 0;
    background: white;
    border-radius: 50%;
}
  .snow:nth-child(1) {
    opacity: 0.8631;
    transform: translate(16.6852vw, -10px) scale(0.8376);
    animation: fall-1 24s -9s linear infinite;
}
@keyframes fall-1 {
    76.562% {
      transform: translate(12.8688vw, 76.562vh) scale(0.8376);
    }
    to {
      transform: translate(14.777vw, 100vh) scale(0.8376);
    }
}
.snow:nth-child(2) {
    opacity: 0.8275;
    transform: translate(0.5343vw, -10px) scale(0.5186);
    animation: fall-2 15s -13s linear infinite;
}
@keyframes fall-2 {
    33.197% {
      transform: translate(9.28vw, 33.197vh) scale(0.5186);
    }
    to {
      transform: translate(4.90715vw, 100vh) scale(0.5186);
    }
}
.snow:nth-child(3) {
    opacity: 0.4714;
    transform: translate(44.9882vw, -10px) scale(0.7641);
    animation: fall-3 12s -13s linear infinite;
}
  @keyframes fall-3 {
    41.941% {
      transform: translate(36.6232vw, 41.941vh) scale(0.7641);
    }
    to {
      transform: translate(40.8057vw, 100vh) scale(0.7641);
    }
}
  .snow:nth-child(4) {
    opacity: 0.0747;
    transform: translate(55.0887vw, -10px) scale(0.4418);
    animation: fall-4 12s -12s linear infinite;
  }
  @keyframes fall-4 {
    60.921% {
      transform: translate(54.6714vw, 60.921vh) scale(0.4418);
    }
    to {
      transform: translate(54.88005vw, 100vh) scale(0.4418);
    }
  }
  .snow:nth-child(5) {
    opacity: 0.1943;
    transform: translate(95.994vw, -10px) scale(0.2036);
    animation: fall-5 13s -5s linear infinite;
  }
  @keyframes fall-5 {
    49.718% {
      transform: translate(93.5662vw, 49.718vh) scale(0.2036);
    }
    to {
      transform: translate(94.7801vw, 100vh) scale(0.2036);
    }
  }
  .snow:nth-child(6) {
    opacity: 0.8352;
    transform: translate(55.7268vw, -10px) scale(0.0019);
    animation: fall-6 11s -26s linear infinite;
  }
  @keyframes fall-6 {
    42.072% {
      transform: translate(62.871vw, 42.072vh) scale(0.0019);
    }
    to {
      transform: translate(59.2989vw, 100vh) scale(0.0019);
    }
  }
  .snow:nth-child(7) {
    opacity: 0.4846;
    transform: translate(36.5499vw, -10px) scale(0.6226);
    animation: fall-7 25s -28s linear infinite;
  }
  @keyframes fall-7 {
    35.16% {
      transform: translate(30.6489vw, 35.16vh) scale(0.6226);
    }
    to {
      transform: translate(33.5994vw, 100vh) scale(0.6226);
    }
  }
  .snow:nth-child(8) {
    opacity: 0.4111;
    transform: translate(40.6548vw, -10px) scale(0.1308);
    animation: fall-8 19s -10s linear infinite;
  }
  @keyframes fall-8 {
    63.192% {
      transform: translate(39.5167vw, 63.192vh) scale(0.1308);
    }
    to {
      transform: translate(40.08575vw, 100vh) scale(0.1308);
    }
  }
  .snow:nth-child(9) {
    opacity: 0.801;
    transform: translate(89.7972vw, -10px) scale(0.0793);
    animation: fall-9 19s -28s linear infinite;
  }
  @keyframes fall-9 {
    52.053% {
      transform: translate(98.2504vw, 52.053vh) scale(0.0793);
    }
    to {
      transform: translate(94.0238vw, 100vh) scale(0.0793);
    }
  }
  .snow:nth-child(10) {
    opacity: 0.1531;
    transform: translate(63.8108vw, -10px) scale(0.5555);
    animation: fall-10 19s -4s linear infinite;
  }
  @keyframes fall-10 {
    41.899% {
      transform: translate(67.1415vw, 41.899vh) scale(0.5555);
    }
    to {
      transform: translate(65.47615vw, 100vh) scale(0.5555);
    }
  }
  .snow:nth-child(11) {
    opacity: 0.749;
    transform: translate(91.0903vw, -10px) scale(0.6694);
    animation: fall-11 10s -4s linear infinite;
  }
  @keyframes fall-11 {
    35.963% {
      transform: translate(98.9125vw, 35.963vh) scale(0.6694);
    }
    to {
      transform: translate(95.0014vw, 100vh) scale(0.6694);
    }
  }
  .snow:nth-child(12) {
    opacity: 0.4393;
    transform: translate(77.9782vw, -10px) scale(0.0955);
    animation: fall-12 25s -19s linear infinite;
  }
  @keyframes fall-12 {
    70.75% {
      transform: translate(80.5484vw, 70.75vh) scale(0.0955);
    }
    to {
      transform: translate(79.2633vw, 100vh) scale(0.0955);
    }
  }
  .snow:nth-child(13) {
    opacity: 0.8885;
    transform: translate(85.256vw, -10px) scale(0.6894);
    animation: fall-13 30s -25s linear infinite;
  }
  @keyframes fall-13 {
    69.387% {
      transform: translate(87.5067vw, 69.387vh) scale(0.6894);
    }
    to {
      transform: translate(86.38135vw, 100vh) scale(0.6894);
    }
  }
  .snow:nth-child(14) {
    opacity: 0.7771;
    transform: translate(0.3312vw, -10px) scale(0.5559);
    animation: fall-14 29s -7s linear infinite;
  }
  @keyframes fall-14 {
    59.794% {
      transform: translate(-3.7937vw, 59.794vh) scale(0.5559);
    }
    to {
      transform: translate(-1.73125vw, 100vh) scale(0.5559);
    }
  }
  .snow:nth-child(15) {
    opacity: 0.6561;
    transform: translate(71.508vw, -10px) scale(0.5141);
    animation: fall-15 28s -3s linear infinite;
  }
  @keyframes fall-15 {
    47.508% {
      transform: translate(77.2987vw, 47.508vh) scale(0.5141);
    }
    to {
      transform: translate(74.40335vw, 100vh) scale(0.5141);
    }
  }
  .snow:nth-child(16) {
    opacity: 0.2229;
    transform: translate(44.7021vw, -10px) scale(0.221);
    animation: fall-16 23s -17s linear infinite;
  }
  @keyframes fall-16 {
    33.262% {
      transform: translate(50.9809vw, 33.262vh) scale(0.221);
    }
    to {
      transform: translate(47.8415vw, 100vh) scale(0.221);
    }
  }
  .snow:nth-child(17) {
    opacity: 0.6794;
    transform: translate(50.7591vw, -10px) scale(0.9166);
    animation: fall-17 21s -10s linear infinite;
  }
  @keyframes fall-17 {
    41.054% {
      transform: translate(45.1203vw, 41.054vh) scale(0.9166);
    }
    to {
      transform: translate(47.9397vw, 100vh) scale(0.9166);
    }
  }
  .snow:nth-child(18) {
    opacity: 0.1214;
    transform: translate(45.5536vw, -10px) scale(0.1777);
    animation: fall-18 26s -13s linear infinite;
  }
  @keyframes fall-18 {
    43.02% {
      transform: translate(47.2981vw, 43.02vh) scale(0.1777);
    }
    to {
      transform: translate(46.42585vw, 100vh) scale(0.1777);
    }
  }
  .snow:nth-child(19) {
    opacity: 0.8527;
    transform: translate(97.1795vw, -10px) scale(0.1289);
    animation: fall-19 17s -1s linear infinite;
  }
  @keyframes fall-19 {
    64.495% {
      transform: translate(95.9444vw, 64.495vh) scale(0.1289);
    }
    to {
      transform: translate(96.56195vw, 100vh) scale(0.1289);
    }
  }
  .snow:nth-child(20) {
    opacity: 0.1818;
    transform: translate(36.8711vw, -10px) scale(0.9466);
    animation: fall-20 21s -20s linear infinite;
  }
  @keyframes fall-20 {
    47.583% {
      transform: translate(39.3446vw, 47.583vh) scale(0.9466);
    }
    to {
      transform: translate(38.10785vw, 100vh) scale(0.9466);
    }
  }
  .snow:nth-child(21) {
    opacity: 0.0317;
    transform: translate(13.3768vw, -10px) scale(0.5447);
    animation: fall-21 22s -25s linear infinite;
  }
  @keyframes fall-21 {
    47.066% {
      transform: translate(17.9594vw, 47.066vh) scale(0.5447);
    }
    to {
      transform: translate(15.6681vw, 100vh) scale(0.5447);
    }
  }
  .snow:nth-child(22) {
    opacity: 0.7336;
    transform: translate(57.2544vw, -10px) scale(0.2835);
    animation: fall-22 18s -29s linear infinite;
  }
  @keyframes fall-22 {
    31.758% {
      transform: translate(65.0226vw, 31.758vh) scale(0.2835);
    }
    to {
      transform: translate(61.1385vw, 100vh) scale(0.2835);
    }
  }
  .snow:nth-child(23) {
    opacity: 0.9674;
    transform: translate(2.4645vw, -10px) scale(0.8883);
    animation: fall-23 14s -21s linear infinite;
  }
  @keyframes fall-23 {
    40.848% {
      transform: translate(4.4981vw, 40.848vh) scale(0.8883);
    }
    to {
      transform: translate(3.4813vw, 100vh) scale(0.8883);
    }
  }
  .snow:nth-child(24) {
    opacity: 0.7347;
    transform: translate(43.9093vw, -10px) scale(0.7447);
    animation: fall-24 14s -27s linear infinite;
  }
  @keyframes fall-24 {
    73.634% {
      transform: translate(34.9356vw, 73.634vh) scale(0.7447);
    }
    to {
      transform: translate(39.42245vw, 100vh) scale(0.7447);
    }
  }
  .snow:nth-child(25) {
    opacity: 0.7432;
    transform: translate(60.1957vw, -10px) scale(0.3191);
    animation: fall-25 13s -2s linear infinite;
  }
  @keyframes fall-25 {
    31.155% {
      transform: translate(56.255vw, 31.155vh) scale(0.3191);
    }
    to {
      transform: translate(58.22535vw, 100vh) scale(0.3191);
    }
  }
  .snow:nth-child(26) {
    opacity: 0.9404;
    transform: translate(24.9172vw, -10px) scale(0.5304);
    animation: fall-26 14s -11s linear infinite;
  }
  @keyframes fall-26 {
    69.985% {
      transform: translate(22.5423vw, 69.985vh) scale(0.5304);
    }
    to {
      transform: translate(23.72975vw, 100vh) scale(0.5304);
    }
  }
  .snow:nth-child(27) {
    opacity: 0.9286;
    transform: translate(62.3117vw, -10px) scale(0.4631);
    animation: fall-27 30s -7s linear infinite;
  }
  @keyframes fall-27 {
    59.946% {
      transform: translate(70.612vw, 59.946vh) scale(0.4631);
    }
    to {
      transform: translate(66.46185vw, 100vh) scale(0.4631);
    }
  }
  .snow:nth-child(28) {
    opacity: 0.4281;
    transform: translate(45.1306vw, -10px) scale(0.7201);
    animation: fall-28 19s -29s linear infinite;
  }
  @keyframes fall-28 {
    63.341% {
      transform: translate(52.1627vw, 63.341vh) scale(0.7201);
    }
    to {
      transform: translate(48.64665vw, 100vh) scale(0.7201);
    }
  }
  .snow:nth-child(29) {
    opacity: 0.2634;
    transform: translate(13.609vw, -10px) scale(0.2334);
    animation: fall-29 13s -9s linear infinite;
  }
  @keyframes fall-29 {
    57.55% {
      transform: translate(19.1768vw, 57.55vh) scale(0.2334);
    }
    to {
      transform: translate(16.3929vw, 100vh) scale(0.2334);
    }
  }
  .snow:nth-child(30) {
    opacity: 0.5518;
    transform: translate(49.2052vw, -10px) scale(0.7317);
    animation: fall-30 22s -24s linear infinite;
  }
  @keyframes fall-30 {
    47.727% {
      transform: translate(39.2923vw, 47.727vh) scale(0.7317);
    }
    to {
      transform: translate(44.24875vw, 100vh) scale(0.7317);
    }
  }
  .snow:nth-child(31) {
    opacity: 0.5555;
    transform: translate(49.2509vw, -10px) scale(0.3559);
    animation: fall-31 12s -22s linear infinite;
  }
  @keyframes fall-31 {
    75.355% {
      transform: translate(54.0046vw, 75.355vh) scale(0.3559);
    }
    to {
      transform: translate(51.62775vw, 100vh) scale(0.3559);
    }
  }
  .snow:nth-child(32) {
    opacity: 0.4359;
    transform: translate(63.1936vw, -10px) scale(0.4582);
    animation: fall-32 27s -26s linear infinite;
  }
  @keyframes fall-32 {
    52.113% {
      transform: translate(65.8387vw, 52.113vh) scale(0.4582);
    }
    to {
      transform: translate(64.51615vw, 100vh) scale(0.4582);
    }
  }
  .snow:nth-child(33) {
    opacity: 0.9959;
    transform: translate(40.6224vw, -10px) scale(0.8644);
    animation: fall-33 14s -27s linear infinite;
  }
  @keyframes fall-33 {
    67.849% {
      transform: translate(47.5772vw, 67.849vh) scale(0.8644);
    }
    to {
      transform: translate(44.0998vw, 100vh) scale(0.8644);
    }
  }
  .snow:nth-child(34) {
    opacity: 0.8284;
    transform: translate(28.6842vw, -10px) scale(0.8804);
    animation: fall-34 14s -29s linear infinite;
  }
  @keyframes fall-34 {
    57.164% {
      transform: translate(32.4983vw, 57.164vh) scale(0.8804);
    }
    to {
      transform: translate(30.59125vw, 100vh) scale(0.8804);
    }
  }
  .snow:nth-child(35) {
    opacity: 0.7755;
    transform: translate(11.0234vw, -10px) scale(0.7695);
    animation: fall-35 26s -9s linear infinite;
  }
  @keyframes fall-35 {
    66.04% {
      transform: translate(2.4943vw, 66.04vh) scale(0.7695);
    }
    to {
      transform: translate(6.75885vw, 100vh) scale(0.7695);
    }
  }
  .snow:nth-child(36) {
    opacity: 0.3588;
    transform: translate(81.2912vw, -10px) scale(0.7489);
    animation: fall-36 14s -13s linear infinite;
  }
  @keyframes fall-36 {
    45.237% {
      transform: translate(90.9778vw, 45.237vh) scale(0.7489);
    }
    to {
      transform: translate(86.1345vw, 100vh) scale(0.7489);
    }
  }
  .snow:nth-child(37) {
    opacity: 0.673;
    transform: translate(95.5081vw, -10px) scale(0.4819);
    animation: fall-37 16s -20s linear infinite;
  }
  @keyframes fall-37 {
    31.196% {
      transform: translate(92.3893vw, 31.196vh) scale(0.4819);
    }
    to {
      transform: translate(93.9487vw, 100vh) scale(0.4819);
    }
  }
  .snow:nth-child(38) {
    opacity: 0.4552;
    transform: translate(74.8299vw, -10px) scale(0.7039);
    animation: fall-38 15s -12s linear infinite;
  }
  @keyframes fall-38 {
    36.878% {
      transform: translate(65.6395vw, 36.878vh) scale(0.7039);
    }
    to {
      transform: translate(70.2347vw, 100vh) scale(0.7039);
    }
  }
  .snow:nth-child(39) {
    opacity: 0.5713;
    transform: translate(74.2467vw, -10px) scale(0.8147);
    animation: fall-39 24s -14s linear infinite;
  }
  @keyframes fall-39 {
    42.393% {
      transform: translate(76.0942vw, 42.393vh) scale(0.8147);
    }
    to {
      transform: translate(75.17045vw, 100vh) scale(0.8147);
    }
  }
  .snow:nth-child(40) {
    opacity: 0.5168;
    transform: translate(79.4835vw, -10px) scale(0.7252);
    animation: fall-40 16s -20s linear infinite;
  }
  @keyframes fall-40 {
    68.732% {
      transform: translate(85.317vw, 68.732vh) scale(0.7252);
    }
    to {
      transform: translate(82.40025vw, 100vh) scale(0.7252);
    }
  }
  .snow:nth-child(41) {
    opacity: 0.563;
    transform: translate(42.3218vw, -10px) scale(0.035);
    animation: fall-41 30s -7s linear infinite;
  }
  @keyframes fall-41 {
    50.53% {
      transform: translate(44.3698vw, 50.53vh) scale(0.035);
    }
    to {
      transform: translate(43.3458vw, 100vh) scale(0.035);
    }
  }
  .snow:nth-child(42) {
    opacity: 0.2703;
    transform: translate(89.2596vw, -10px) scale(0.8814);
    animation: fall-42 22s -22s linear infinite;
  }
  @keyframes fall-42 {
    56.335% {
      transform: translate(83.9697vw, 56.335vh) scale(0.8814);
    }
    to {
      transform: translate(86.61465vw, 100vh) scale(0.8814);
    }
  }
  .snow:nth-child(43) {
    opacity: 0.1867;
    transform: translate(45.7022vw, -10px) scale(0.7967);
    animation: fall-43 30s -3s linear infinite;
  }
  @keyframes fall-43 {
    70.577% {
      transform: translate(52.4898vw, 70.577vh) scale(0.7967);
    }
    to {
      transform: translate(49.096vw, 100vh) scale(0.7967);
    }
  }
  .snow:nth-child(44) {
    opacity: 0.2101;
    transform: translate(8.2565vw, -10px) scale(0.521);
    animation: fall-44 19s -8s linear infinite;
  }
  @keyframes fall-44 {
    30.603% {
      transform: translate(17.881vw, 30.603vh) scale(0.521);
    }
    to {
      transform: translate(13.06875vw, 100vh) scale(0.521);
    }
  }
  .snow:nth-child(45) {
    opacity: 0.699;
    transform: translate(80.4988vw, -10px) scale(0.845);
    animation: fall-45 25s -17s linear infinite;
  }
  @keyframes fall-45 {
    71.478% {
      transform: translate(72.4vw, 71.478vh) scale(0.845);
    }
    to {
      transform: translate(76.4494vw, 100vh) scale(0.845);
    }
  }
  .snow:nth-child(46) {
    opacity: 0.3079;
    transform: translate(27.8872vw, -10px) scale(0.1608);
    animation: fall-46 17s -16s linear infinite;
  }
  @keyframes fall-46 {
    74.972% {
      transform: translate(26.8433vw, 74.972vh) scale(0.1608);
    }
    to {
      transform: translate(27.36525vw, 100vh) scale(0.1608);
    }
  }
  .snow:nth-child(47) {
    opacity: 0.5613;
    transform: translate(4.0445vw, -10px) scale(0.5206);
    animation: fall-47 26s -5s linear infinite;
  }
  @keyframes fall-47 {
    38.22% {
      transform: translate(-4.5571vw, 38.22vh) scale(0.5206);
    }
    to {
      transform: translate(-0.2563vw, 100vh) scale(0.5206);
    }
  }
  .snow:nth-child(48) {
    opacity: 0.505;
    transform: translate(36.0398vw, -10px) scale(0.9338);
    animation: fall-48 16s -19s linear infinite;
  }
  @keyframes fall-48 {
    30.827% {
      transform: translate(28.0322vw, 30.827vh) scale(0.9338);
    }
    to {
      transform: translate(32.036vw, 100vh) scale(0.9338);
    }
  }
  .snow:nth-child(49) {
    opacity: 0.9051;
    transform: translate(74.2851vw, -10px) scale(0.6419);
    animation: fall-49 10s -21s linear infinite;
  }
  @keyframes fall-49 {
    68.931% {
      transform: translate(82.6157vw, 68.931vh) scale(0.6419);
    }
    to {
      transform: translate(78.4504vw, 100vh) scale(0.6419);
    }
  }
  .snow:nth-child(50) {
    opacity: 0.9869;
    transform: translate(6.9817vw, -10px) scale(0.8632);
    animation: fall-50 14s -7s linear infinite;
  }
  @keyframes fall-50 {
    46.561% {
      transform: translate(7.0829vw, 46.561vh) scale(0.8632);
    }
    to {
      transform: translate(7.0323vw, 100vh) scale(0.8632);
    }
  }
  .snow:nth-child(51) {
    opacity: 0.7397;
    transform: translate(94.4827vw, -10px) scale(0.6767);
    animation: fall-51 23s -26s linear infinite;
  }
  @keyframes fall-51 {
    41.993% {
      transform: translate(84.63vw, 41.993vh) scale(0.6767);
    }
    to {
      transform: translate(89.55635vw, 100vh) scale(0.6767);
    }
  }
  .snow:nth-child(52) {
    opacity: 0.8632;
    transform: translate(28.2571vw, -10px) scale(0.869);
    animation: fall-52 29s -29s linear infinite;
  }
  @keyframes fall-52 {
    60.742% {
      transform: translate(22.0744vw, 60.742vh) scale(0.869);
    }
    to {
      transform: translate(25.16575vw, 100vh) scale(0.869);
    }
  }
  .snow:nth-child(53) {
    opacity: 0.0864;
    transform: translate(65.8197vw, -10px) scale(0.2067);
    animation: fall-53 21s -10s linear infinite;
  }
  @keyframes fall-53 {
    73.848% {
      transform: translate(69.9819vw, 73.848vh) scale(0.2067);
    }
    to {
      transform: translate(67.9008vw, 100vh) scale(0.2067);
    }
  }
  .snow:nth-child(54) {
    opacity: 0.3155;
    transform: translate(7.9979vw, -10px) scale(0.7301);
    animation: fall-54 12s -10s linear infinite;
  }
  @keyframes fall-54 {
    47.873% {
      transform: translate(7.2964vw, 47.873vh) scale(0.7301);
    }
    to {
      transform: translate(7.64715vw, 100vh) scale(0.7301);
    }
  }
  .snow:nth-child(55) {
    opacity: 0.5513;
    transform: translate(59.1403vw, -10px) scale(0.8206);
    animation: fall-55 16s -17s linear infinite;
  }
  @keyframes fall-55 {
    75.385% {
      transform: translate(65.3022vw, 75.385vh) scale(0.8206);
    }
    to {
      transform: translate(62.22125vw, 100vh) scale(0.8206);
    }
  }
  .snow:nth-child(56) {
    opacity: 0.8357;
    transform: translate(7.1957vw, -10px) scale(0.4913);
    animation: fall-56 22s -24s linear infinite;
  }
  @keyframes fall-56 {
    52.95% {
      transform: translate(10.3954vw, 52.95vh) scale(0.4913);
    }
    to {
      transform: translate(8.79555vw, 100vh) scale(0.4913);
    }
  }
  .snow:nth-child(57) {
    opacity: 0.2086;
    transform: translate(64.6829vw, -10px) scale(0.9822);
    animation: fall-57 25s -30s linear infinite;
  }
  @keyframes fall-57 {
    55.271% {
      transform: translate(65.7029vw, 55.271vh) scale(0.9822);
    }
    to {
      transform: translate(65.1929vw, 100vh) scale(0.9822);
    }
  }
  .snow:nth-child(58) {
    opacity: 0.0786;
    transform: translate(1.2986vw, -10px) scale(0.138);
    animation: fall-58 18s -24s linear infinite;
  }
  @keyframes fall-58 {
    51.355% {
      transform: translate(1.1887vw, 51.355vh) scale(0.138);
    }
    to {
      transform: translate(1.24365vw, 100vh) scale(0.138);
    }
  }
  .snow:nth-child(59) {
    opacity: 0.4441;
    transform: translate(80.7581vw, -10px) scale(0.3958);
    animation: fall-59 25s -27s linear infinite;
  }
  @keyframes fall-59 {
    57.862% {
      transform: translate(90.1149vw, 57.862vh) scale(0.3958);
    }
    to {
      transform: translate(85.4365vw, 100vh) scale(0.3958);
    }
  }
  .snow:nth-child(60) {
    opacity: 0.9257;
    transform: translate(26.4457vw, -10px) scale(0.3562);
    animation: fall-60 14s -9s linear infinite;
  }
  @keyframes fall-60 {
    61.075% {
      transform: translate(24.2382vw, 61.075vh) scale(0.3562);
    }
    to {
      transform: translate(25.34195vw, 100vh) scale(0.3562);
    }
  }
  .snow:nth-child(61) {
    opacity: 0.6158;
    transform: translate(94.3171vw, -10px) scale(0.2227);
    animation: fall-61 19s -18s linear infinite;
  }
  @keyframes fall-61 {
    46.14% {
      transform: translate(85.848vw, 46.14vh) scale(0.2227);
    }
    to {
      transform: translate(90.08255vw, 100vh) scale(0.2227);
    }
  }
  .snow:nth-child(62) {
    opacity: 0.2379;
    transform: translate(84.1679vw, -10px) scale(0.344);
    animation: fall-62 28s -26s linear infinite;
  }
  @keyframes fall-62 {
    66.332% {
      transform: translate(87.9469vw, 66.332vh) scale(0.344);
    }
    to {
      transform: translate(86.0574vw, 100vh) scale(0.344);
    }
  }
  .snow:nth-child(63) {
    opacity: 0.8138;
    transform: translate(94.3047vw, -10px) scale(0.4868);
    animation: fall-63 10s -7s linear infinite;
  }
  @keyframes fall-63 {
    75.988% {
      transform: translate(100.1764vw, 75.988vh) scale(0.4868);
    }
    to {
      transform: translate(97.24055vw, 100vh) scale(0.4868);
    }
  }
  .snow:nth-child(64) {
    opacity: 0.2569;
    transform: translate(81.4628vw, -10px) scale(0.8987);
    animation: fall-64 18s -13s linear infinite;
  }
  @keyframes fall-64 {
    31.654% {
      transform: translate(79.5721vw, 31.654vh) scale(0.8987);
    }
    to {
      transform: translate(80.51745vw, 100vh) scale(0.8987);
    }
  }
  .snow:nth-child(65) {
    opacity: 0.9573;
    transform: translate(8.9934vw, -10px) scale(0.7499);
    animation: fall-65 25s -15s linear infinite;
  }
  @keyframes fall-65 {
    64.193% {
      transform: translate(16.5463vw, 64.193vh) scale(0.7499);
    }
    to {
      transform: translate(12.76985vw, 100vh) scale(0.7499);
    }
  }
  .snow:nth-child(66) {
    opacity: 0.5905;
    transform: translate(54.6407vw, -10px) scale(0.6445);
    animation: fall-66 21s -29s linear infinite;
  }
  @keyframes fall-66 {
    36.366% {
      transform: translate(62.5944vw, 36.366vh) scale(0.6445);
    }
    to {
      transform: translate(58.61755vw, 100vh) scale(0.6445);
    }
  }
  .snow:nth-child(67) {
    opacity: 0.0508;
    transform: translate(67.034vw, -10px) scale(0.9484);
    animation: fall-67 17s -25s linear infinite;
  }
  @keyframes fall-67 {
    42.127% {
      transform: translate(66.8837vw, 42.127vh) scale(0.9484);
    }
    to {
      transform: translate(66.95885vw, 100vh) scale(0.9484);
    }
  }
  .snow:nth-child(68) {
    opacity: 0.0989;
    transform: translate(44.689vw, -10px) scale(0.3938);
    animation: fall-68 25s -4s linear infinite;
  }
  @keyframes fall-68 {
    39.314% {
      transform: translate(44.442vw, 39.314vh) scale(0.3938);
    }
    to {
      transform: translate(44.5655vw, 100vh) scale(0.3938);
    }
  }
  .snow:nth-child(69) {
    opacity: 0.0051;
    transform: translate(57.0023vw, -10px) scale(0.6656);
    animation: fall-69 13s -25s linear infinite;
  }
  @keyframes fall-69 {
    47.286% {
      transform: translate(47.8984vw, 47.286vh) scale(0.6656);
    }
    to {
      transform: translate(52.45035vw, 100vh) scale(0.6656);
    }
  }
  .snow:nth-child(70) {
    opacity: 0.8453;
    transform: translate(93.5741vw, -10px) scale(0.7117);
    animation: fall-70 26s -8s linear infinite;
  }
  @keyframes fall-70 {
    50.844% {
      transform: translate(83.8653vw, 50.844vh) scale(0.7117);
    }
    to {
      transform: translate(88.7197vw, 100vh) scale(0.7117);
    }
  }
  .snow:nth-child(71) {
    opacity: 0.5298;
    transform: translate(41.4146vw, -10px) scale(0.4085);
    animation: fall-71 11s -14s linear infinite;
  }
  @keyframes fall-71 {
    35.559% {
      transform: translate(33.8216vw, 35.559vh) scale(0.4085);
    }
    to {
      transform: translate(37.6181vw, 100vh) scale(0.4085);
    }
  }
  .snow:nth-child(72) {
    opacity: 0.9723;
    transform: translate(24.8871vw, -10px) scale(0.0067);
    animation: fall-72 18s -16s linear infinite;
  }
  @keyframes fall-72 {
    63.351% {
      transform: translate(18.5425vw, 63.351vh) scale(0.0067);
    }
    to {
      transform: translate(21.7148vw, 100vh) scale(0.0067);
    }
  }
  .snow:nth-child(73) {
    opacity: 0.2755;
    transform: translate(42.4591vw, -10px) scale(0.6451);
    animation: fall-73 10s -22s linear infinite;
  }
  @keyframes fall-73 {
    61.483% {
      transform: translate(52.0781vw, 61.483vh) scale(0.6451);
    }
    to {
      transform: translate(47.2686vw, 100vh) scale(0.6451);
    }
  }
  .snow:nth-child(74) {
    opacity: 0.5014;
    transform: translate(74.3667vw, -10px) scale(0.3557);
    animation: fall-74 17s -7s linear infinite;
  }
  @keyframes fall-74 {
    67.631% {
      transform: translate(77.3532vw, 67.631vh) scale(0.3557);
    }
    to {
      transform: translate(75.85995vw, 100vh) scale(0.3557);
    }
  }
  .snow:nth-child(75) {
    opacity: 0.8889;
    transform: translate(86.1064vw, -10px) scale(0.611);
    animation: fall-75 29s -9s linear infinite;
  }
  @keyframes fall-75 {
    48.775% {
      transform: translate(94.2796vw, 48.775vh) scale(0.611);
    }
    to {
      transform: translate(90.193vw, 100vh) scale(0.611);
    }
  }
  .snow:nth-child(76) {
    opacity: 0.1543;
    transform: translate(60.5304vw, -10px) scale(0.2501);
    animation: fall-76 21s -10s linear infinite;
  }
  @keyframes fall-76 {
    56.977% {
      transform: translate(52.2785vw, 56.977vh) scale(0.2501);
    }
    to {
      transform: translate(56.40445vw, 100vh) scale(0.2501);
    }
  }
  .snow:nth-child(77) {
    opacity: 0.6282;
    transform: translate(14.1205vw, -10px) scale(0.2801);
    animation: fall-77 11s -7s linear infinite;
  }
  @keyframes fall-77 {
    62.608% {
      transform: translate(21.6231vw, 62.608vh) scale(0.2801);
    }
    to {
      transform: translate(17.8718vw, 100vh) scale(0.2801);
    }
  }
  .snow:nth-child(78) {
    opacity: 0.6878;
    transform: translate(11.1265vw, -10px) scale(0.0891);
    animation: fall-78 23s -22s linear infinite;
  }
  @keyframes fall-78 {
    55.447% {
      transform: translate(5.0648vw, 55.447vh) scale(0.0891);
    }
    to {
      transform: translate(8.09565vw, 100vh) scale(0.0891);
    }
  }
  .snow:nth-child(79) {
    opacity: 0.6335;
    transform: translate(96.2573vw, -10px) scale(0.3139);
    animation: fall-79 20s -6s linear infinite;
  }
  @keyframes fall-79 {
    73.987% {
      transform: translate(99.0136vw, 73.987vh) scale(0.3139);
    }
    to {
      transform: translate(97.63545vw, 100vh) scale(0.3139);
    }
  }
  .snow:nth-child(80) {
    opacity: 0.4822;
    transform: translate(27.9567vw, -10px) scale(0.0768);
    animation: fall-80 26s -7s linear infinite;
  }
  @keyframes fall-80 {
    53.031% {
      transform: translate(31.3301vw, 53.031vh) scale(0.0768);
    }
    to {
      transform: translate(29.6434vw, 100vh) scale(0.0768);
    }
  }
  .snow:nth-child(81) {
    opacity: 0.5403;
    transform: translate(19.0546vw, -10px) scale(0.0822);
    animation: fall-81 22s -22s linear infinite;
  }
  @keyframes fall-81 {
    79.718% {
      transform: translate(24.7539vw, 79.718vh) scale(0.0822);
    }
    to {
      transform: translate(21.90425vw, 100vh) scale(0.0822);
    }
  }
  .snow:nth-child(82) {
    opacity: 0.1771;
    transform: translate(34.2935vw, -10px) scale(0.8385);
    animation: fall-82 20s -21s linear infinite;
  }
  @keyframes fall-82 {
    50.314% {
      transform: translate(43.2688vw, 50.314vh) scale(0.8385);
    }
    to {
      transform: translate(38.78115vw, 100vh) scale(0.8385);
    }
  }
  .snow:nth-child(83) {
    opacity: 0.7059;
    transform: translate(86.1365vw, -10px) scale(0.557);
    animation: fall-83 18s -1s linear infinite;
  }
  @keyframes fall-83 {
    30.493% {
      transform: translate(88.8348vw, 30.493vh) scale(0.557);
    }
    to {
      transform: translate(87.48565vw, 100vh) scale(0.557);
    }
  }
  .snow:nth-child(84) {
    opacity: 0.9202;
    transform: translate(6.9267vw, -10px) scale(0.7529);
    animation: fall-84 24s -25s linear infinite;
  }
  @keyframes fall-84 {
    74.445% {
      transform: translate(-0.8814vw, 74.445vh) scale(0.7529);
    }
    to {
      transform: translate(3.02265vw, 100vh) scale(0.7529);
    }
  }
  .snow:nth-child(85) {
    opacity: 0.9381;
    transform: translate(65.4265vw, -10px) scale(0.2904);
    animation: fall-85 22s -8s linear infinite;
  }
  @keyframes fall-85 {
    48.255% {
      transform: translate(73.7251vw, 48.255vh) scale(0.2904);
    }
    to {
      transform: translate(69.5758vw, 100vh) scale(0.2904);
    }
  }
  .snow:nth-child(86) {
    opacity: 0.5659;
    transform: translate(31.9083vw, -10px) scale(0.7228);
    animation: fall-86 19s -4s linear infinite;
  }
  @keyframes fall-86 {
    65.521% {
      transform: translate(35.4748vw, 65.521vh) scale(0.7228);
    }
    to {
      transform: translate(33.69155vw, 100vh) scale(0.7228);
    }
  }
  .snow:nth-child(87) {
    opacity: 0.094;
    transform: translate(3.3308vw, -10px) scale(0.653);
    animation: fall-87 11s -13s linear infinite;
  }
  @keyframes fall-87 {
    42.197% {
      transform: translate(2.1709vw, 42.197vh) scale(0.653);
    }
    to {
      transform: translate(2.75085vw, 100vh) scale(0.653);
    }
  }
  .snow:nth-child(88) {
    opacity: 0.1735;
    transform: translate(18.3111vw, -10px) scale(0.5607);
    animation: fall-88 19s -22s linear infinite;
  }
  @keyframes fall-88 {
    40.7% {
      transform: translate(24.2561vw, 40.7vh) scale(0.5607);
    }
    to {
      transform: translate(21.2836vw, 100vh) scale(0.5607);
    }
  }
  .snow:nth-child(89) {
    opacity: 0.3768;
    transform: translate(69.6094vw, -10px) scale(0.6306);
    animation: fall-89 17s -6s linear infinite;
  }
  @keyframes fall-89 {
    54.191% {
      transform: translate(70.4559vw, 54.191vh) scale(0.6306);
    }
    to {
      transform: translate(70.03265vw, 100vh) scale(0.6306);
    }
  }
  .snow:nth-child(90) {
    opacity: 0.656;
    transform: translate(26.5352vw, -10px) scale(0.444);
    animation: fall-90 16s -12s linear infinite;
  }
  @keyframes fall-90 {
    38.136% {
      transform: translate(21.3102vw, 38.136vh) scale(0.444);
    }
    to {
      transform: translate(23.9227vw, 100vh) scale(0.444);
    }
  }
  .snow:nth-child(91) {
    opacity: 0.519;
    transform: translate(22.2904vw, -10px) scale(0.4205);
    animation: fall-91 11s -12s linear infinite;
  }
  @keyframes fall-91 {
    36.989% {
      transform: translate(24.8015vw, 36.989vh) scale(0.4205);
    }
    to {
      transform: translate(23.54595vw, 100vh) scale(0.4205);
    }
  }
  .snow:nth-child(92) {
    opacity: 0.6552;
    transform: translate(59.3447vw, -10px) scale(0.1483);
    animation: fall-92 10s -2s linear infinite;
  }
  @keyframes fall-92 {
    49.9% {
      transform: translate(61.6382vw, 49.9vh) scale(0.1483);
    }
    to {
      transform: translate(60.49145vw, 100vh) scale(0.1483);
    }
  }
  .snow:nth-child(93) {
    opacity: 0.7798;
    transform: translate(35.0371vw, -10px) scale(0.4546);
    animation: fall-93 21s -1s linear infinite;
  }
  @keyframes fall-93 {
    62.741% {
      transform: translate(44.078vw, 62.741vh) scale(0.4546);
    }
    to {
      transform: translate(39.55755vw, 100vh) scale(0.4546);
    }
  }
  .snow:nth-child(94) {
    opacity: 0.7778;
    transform: translate(20.3366vw, -10px) scale(0.0455);
    animation: fall-94 23s -17s linear infinite;
  }
  @keyframes fall-94 {
    66.974% {
      transform: translate(13.5607vw, 66.974vh) scale(0.0455);
    }
    to {
      transform: translate(16.94865vw, 100vh) scale(0.0455);
    }
  }
  .snow:nth-child(95) {
    opacity: 0.7023;
    transform: translate(1.611vw, -10px) scale(0.8985);
    animation: fall-95 17s -7s linear infinite;
  }
  @keyframes fall-95 {
    51.514% {
      transform: translate(3.249vw, 51.514vh) scale(0.8985);
    }
    to {
      transform: translate(2.43vw, 100vh) scale(0.8985);
    }
  }
  .snow:nth-child(96) {
    opacity: 0.7754;
    transform: translate(43.9448vw, -10px) scale(0.0476);
    animation: fall-96 30s -28s linear infinite;
  }
  @keyframes fall-96 {
    50.004% {
      transform: translate(38.25vw, 50.004vh) scale(0.0476);
    }
    to {
      transform: translate(41.0974vw, 100vh) scale(0.0476);
    }
  }
  .snow:nth-child(97) {
    opacity: 0.1656;
    transform: translate(89.0704vw, -10px) scale(0.7752);
    animation: fall-97 13s -13s linear infinite;
  }
  @keyframes fall-97 {
    39.688% {
      transform: translate(92.7004vw, 39.688vh) scale(0.7752);
    }
    to {
      transform: translate(90.8854vw, 100vh) scale(0.7752);
    }
  }
  .snow:nth-child(98) {
    opacity: 0.3082;
    transform: translate(57.6432vw, -10px) scale(0.0622);
    animation: fall-98 23s -29s linear infinite;
  }
  @keyframes fall-98 {
    75.953% {
      transform: translate(56.6889vw, 75.953vh) scale(0.0622);
    }
    to {
      transform: translate(57.16605vw, 100vh) scale(0.0622);
    }
  }
  .snow:nth-child(99) {
    opacity: 0.8611;
    transform: translate(90.509vw, -10px) scale(0.1331);
    animation: fall-99 20s -5s linear infinite;
  }
  @keyframes fall-99 {
    51.364% {
      transform: translate(96.8426vw, 51.364vh) scale(0.1331);
    }
    to {
      transform: translate(93.6758vw, 100vh) scale(0.1331);
    }
  }
  .snow:nth-child(100) {
    opacity: 0.0607;
    transform: translate(63.7844vw, -10px) scale(0.5815);
    animation: fall-100 23s -8s linear infinite;
  }
  @keyframes fall-100 {
    38.594% {
      transform: translate(62.9344vw, 38.594vh) scale(0.5815);
    }
    to {
      transform: translate(63.3594vw, 100vh) scale(0.5815);
    }
  }
  .snow:nth-child(101) {
    opacity: 0.8997;
    transform: translate(75.646vw, -10px) scale(0.097);
    animation: fall-101 16s -1s linear infinite;
  }
  @keyframes fall-101 {
    41.796% {
      transform: translate(83.0412vw, 41.796vh) scale(0.097);
    }
    to {
      transform: translate(79.3436vw, 100vh) scale(0.097);
    }
  }
  .snow:nth-child(102) {
    opacity: 0.7278;
    transform: translate(10.2881vw, -10px) scale(0.2741);
    animation: fall-102 25s -21s linear infinite;
  }
  @keyframes fall-102 {
    70.094% {
      transform: translate(16.1027vw, 70.094vh) scale(0.2741);
    }
    to {
      transform: translate(13.1954vw, 100vh) scale(0.2741);
    }
  }
  .snow:nth-child(103) {
    opacity: 0.2199;
    transform: translate(51.2062vw, -10px) scale(0.0896);
    animation: fall-103 14s -12s linear infinite;
  }
  @keyframes fall-103 {
    55.263% {
      transform: translate(55.7428vw, 55.263vh) scale(0.0896);
    }
    to {
      transform: translate(53.4745vw, 100vh) scale(0.0896);
    }
  }
  .snow:nth-child(104) {
    opacity: 0.1149;
    transform: translate(76.1169vw, -10px) scale(0.0568);
    animation: fall-104 11s -28s linear infinite;
  }
  @keyframes fall-104 {
    30.415% {
      transform: translate(81.5422vw, 30.415vh) scale(0.0568);
    }
    to {
      transform: translate(78.82955vw, 100vh) scale(0.0568);
    }
  }
  .snow:nth-child(105) {
    opacity: 0.538;
    transform: translate(80.7271vw, -10px) scale(0.2905);
    animation: fall-105 19s -18s linear infinite;
  }
  @keyframes fall-105 {
    64.399% {
      transform: translate(87.6372vw, 64.399vh) scale(0.2905);
    }
    to {
      transform: translate(84.18215vw, 100vh) scale(0.2905);
    }
  }
  .snow:nth-child(106) {
    opacity: 0.3876;
    transform: translate(18.8426vw, -10px) scale(0.4046);
    animation: fall-106 19s -2s linear infinite;
  }
  @keyframes fall-106 {
    34.37% {
      transform: translate(22.9961vw, 34.37vh) scale(0.4046);
    }
    to {
      transform: translate(20.91935vw, 100vh) scale(0.4046);
    }
  }
  .snow:nth-child(107) {
    opacity: 0.9075;
    transform: translate(2.733vw, -10px) scale(0.9689);
    animation: fall-107 13s -27s linear infinite;
  }
  @keyframes fall-107 {
    74.238% {
      transform: translate(4.9544vw, 74.238vh) scale(0.9689);
    }
    to {
      transform: translate(3.8437vw, 100vh) scale(0.9689);
    }
  }
  .snow:nth-child(108) {
    opacity: 0.0478;
    transform: translate(59.3047vw, -10px) scale(0.9674);
    animation: fall-108 25s -30s linear infinite;
  }
  @keyframes fall-108 {
    54.933% {
      transform: translate(52.4276vw, 54.933vh) scale(0.9674);
    }
    to {
      transform: translate(55.86615vw, 100vh) scale(0.9674);
    }
  }
  .snow:nth-child(109) {
    opacity: 0.359;
    transform: translate(63.7197vw, -10px) scale(0.1452);
    animation: fall-109 12s -22s linear infinite;
  }
  @keyframes fall-109 {
    49.239% {
      transform: translate(69.4517vw, 49.239vh) scale(0.1452);
    }
    to {
      transform: translate(66.5857vw, 100vh) scale(0.1452);
    }
  }
  .snow:nth-child(110) {
    opacity: 0.8797;
    transform: translate(1.8226vw, -10px) scale(0.5925);
    animation: fall-110 11s -4s linear infinite;
  }
  @keyframes fall-110 {
    55.888% {
      transform: translate(5.3353vw, 55.888vh) scale(0.5925);
    }
    to {
      transform: translate(3.57895vw, 100vh) scale(0.5925);
    }
  }
  .snow:nth-child(111) {
    opacity: 0.8992;
    transform: translate(71.2274vw, -10px) scale(0.6725);
    animation: fall-111 13s -29s linear infinite;
  }
  @keyframes fall-111 {
    61.192% {
      transform: translate(73.4492vw, 61.192vh) scale(0.6725);
    }
    to {
      transform: translate(72.3383vw, 100vh) scale(0.6725);
    }
  }
  .snow:nth-child(112) {
    opacity: 0.7951;
    transform: translate(45.9498vw, -10px) scale(0.6317);
    animation: fall-112 16s -6s linear infinite;
  }
  @keyframes fall-112 {
    79.932% {
      transform: translate(54.5533vw, 79.932vh) scale(0.6317);
    }
    to {
      transform: translate(50.25155vw, 100vh) scale(0.6317);
    }
  }
  .snow:nth-child(113) {
    opacity: 0.3596;
    transform: translate(41.8765vw, -10px) scale(0.5978);
    animation: fall-113 24s -10s linear infinite;
  }
  @keyframes fall-113 {
    59.551% {
      transform: translate(46.4751vw, 59.551vh) scale(0.5978);
    }
    to {
      transform: translate(44.1758vw, 100vh) scale(0.5978);
    }
  }
  .snow:nth-child(114) {
    opacity: 0.7683;
    transform: translate(42.6737vw, -10px) scale(0.9747);
    animation: fall-114 29s -1s linear infinite;
  }
  @keyframes fall-114 {
    36.682% {
      transform: translate(35.65vw, 36.682vh) scale(0.9747);
    }
    to {
      transform: translate(39.16185vw, 100vh) scale(0.9747);
    }
  }
  .snow:nth-child(115) {
    opacity: 0.8629;
    transform: translate(85.3906vw, -10px) scale(0.6865);
    animation: fall-115 17s -6s linear infinite;
  }
  @keyframes fall-115 {
    47.656% {
      transform: translate(85.1856vw, 47.656vh) scale(0.6865);
    }
    to {
      transform: translate(85.2881vw, 100vh) scale(0.6865);
    }
  }
  .snow:nth-child(116) {
    opacity: 0.2821;
    transform: translate(97.8856vw, -10px) scale(0.0547);
    animation: fall-116 27s -18s linear infinite;
  }
  @keyframes fall-116 {
    32.422% {
      transform: translate(100.3483vw, 32.422vh) scale(0.0547);
    }
    to {
      transform: translate(99.11695vw, 100vh) scale(0.0547);
    }
  }
  .snow:nth-child(117) {
    opacity: 0.5584;
    transform: translate(38.3468vw, -10px) scale(0.8751);
    animation: fall-117 22s -5s linear infinite;
  }
  @keyframes fall-117 {
    75.305% {
      transform: translate(46.1624vw, 75.305vh) scale(0.8751);
    }
    to {
      transform: translate(42.2546vw, 100vh) scale(0.8751);
    }
  }
  .snow:nth-child(118) {
    opacity: 0.5222;
    transform: translate(23.9417vw, -10px) scale(0.8052);
    animation: fall-118 27s -29s linear infinite;
  }
  @keyframes fall-118 {
    70.349% {
      transform: translate(29.3605vw, 70.349vh) scale(0.8052);
    }
    to {
      transform: translate(26.6511vw, 100vh) scale(0.8052);
    }
  }
  .snow:nth-child(119) {
    opacity: 0.4487;
    transform: translate(59.2738vw, -10px) scale(0.8147);
    animation: fall-119 27s -27s linear infinite;
  }
  @keyframes fall-119 {
    52.113% {
      transform: translate(53.7279vw, 52.113vh) scale(0.8147);
    }
    to {
      transform: translate(56.50085vw, 100vh) scale(0.8147);
    }
  }
  .snow:nth-child(120) {
    opacity: 0.5202;
    transform: translate(51.7046vw, -10px) scale(0.8031);
    animation: fall-120 12s -16s linear infinite;
  }
  @keyframes fall-120 {
    56.151% {
      transform: translate(57.3056vw, 56.151vh) scale(0.8031);
    }
    to {
      transform: translate(54.5051vw, 100vh) scale(0.8031);
    }
  }
  .snow:nth-child(121) {
    opacity: 0.8019;
    transform: translate(14.5054vw, -10px) scale(0.2078);
    animation: fall-121 22s -26s linear infinite;
  }
  @keyframes fall-121 {
    33.645% {
      transform: translate(10.3168vw, 33.645vh) scale(0.2078);
    }
    to {
      transform: translate(12.4111vw, 100vh) scale(0.2078);
    }
  }
  .snow:nth-child(122) {
    opacity: 0.6661;
    transform: translate(84.1957vw, -10px) scale(0.5544);
    animation: fall-122 29s -25s linear infinite;
  }
  @keyframes fall-122 {
    35.533% {
      transform: translate(78.7619vw, 35.533vh) scale(0.5544);
    }
    to {
      transform: translate(81.4788vw, 100vh) scale(0.5544);
    }
  }
  .snow:nth-child(123) {
    opacity: 0.7684;
    transform: translate(52.2264vw, -10px) scale(0.9969);
    animation: fall-123 19s -14s linear infinite;
  }
  @keyframes fall-123 {
    66.104% {
      transform: translate(54.3507vw, 66.104vh) scale(0.9969);
    }
    to {
      transform: translate(53.28855vw, 100vh) scale(0.9969);
    }
  }
  .snow:nth-child(124) {
    opacity: 0.3406;
    transform: translate(99.1704vw, -10px) scale(0.7293);
    animation: fall-124 16s -1s linear infinite;
  }
  @keyframes fall-124 {
    70.241% {
      transform: translate(106.5285vw, 70.241vh) scale(0.7293);
    }
    to {
      transform: translate(102.84945vw, 100vh) scale(0.7293);
    }
  }
  .snow:nth-child(125) {
    opacity: 0.8956;
    transform: translate(41.5762vw, -10px) scale(0.787);
    animation: fall-125 22s -14s linear infinite;
  }
  @keyframes fall-125 {
    68.926% {
      transform: translate(41.2835vw, 68.926vh) scale(0.787);
    }
    to {
      transform: translate(41.42985vw, 100vh) scale(0.787);
    }
  }
  .snow:nth-child(126) {
    opacity: 0.1907;
    transform: translate(65.6056vw, -10px) scale(0.6459);
    animation: fall-126 18s -19s linear infinite;
  }
  @keyframes fall-126 {
    43.887% {
      transform: translate(56.3928vw, 43.887vh) scale(0.6459);
    }
    to {
      transform: translate(60.9992vw, 100vh) scale(0.6459);
    }
  }
  .snow:nth-child(127) {
    opacity: 0.4888;
    transform: translate(52.7898vw, -10px) scale(0.2127);
    animation: fall-127 13s -22s linear infinite;
  }
  @keyframes fall-127 {
    76.814% {
      transform: translate(48.6842vw, 76.814vh) scale(0.2127);
    }
    to {
      transform: translate(50.737vw, 100vh) scale(0.2127);
    }
  }
  .snow:nth-child(128) {
    opacity: 0.1753;
    transform: translate(7.3008vw, -10px) scale(0.1716);
    animation: fall-128 15s -19s linear infinite;
  }
  @keyframes fall-128 {
    51.089% {
      transform: translate(0.1902vw, 51.089vh) scale(0.1716);
    }
    to {
      transform: translate(3.7455vw, 100vh) scale(0.1716);
    }
  }
  .snow:nth-child(129) {
    opacity: 0.0126;
    transform: translate(4.3338vw, -10px) scale(0.1502);
    animation: fall-129 24s -7s linear infinite;
  }
  @keyframes fall-129 {
    53.435% {
      transform: translate(13.8865vw, 53.435vh) scale(0.1502);
    }
    to {
      transform: translate(9.11015vw, 100vh) scale(0.1502);
    }
  }
  .snow:nth-child(130) {
    opacity: 0.0637;
    transform: translate(93.0603vw, -10px) scale(0.7331);
    animation: fall-130 17s -10s linear infinite;
  }
  @keyframes fall-130 {
    37.497% {
      transform: translate(92.2128vw, 37.497vh) scale(0.7331);
    }
    to {
      transform: translate(92.63655vw, 100vh) scale(0.7331);
    }
  }
  .snow:nth-child(131) {
    opacity: 0.3994;
    transform: translate(40.5183vw, -10px) scale(0.1625);
    animation: fall-131 13s -28s linear infinite;
  }
  @keyframes fall-131 {
    71.156% {
      transform: translate(40.9614vw, 71.156vh) scale(0.1625);
    }
    to {
      transform: translate(40.73985vw, 100vh) scale(0.1625);
    }
  }
  .snow:nth-child(132) {
    opacity: 0.5973;
    transform: translate(21.4014vw, -10px) scale(0.5326);
    animation: fall-132 12s -21s linear infinite;
  }
  @keyframes fall-132 {
    44.987% {
      transform: translate(31.2926vw, 44.987vh) scale(0.5326);
    }
    to {
      transform: translate(26.347vw, 100vh) scale(0.5326);
    }
  }
  .snow:nth-child(133) {
    opacity: 0.9473;
    transform: translate(83.9945vw, -10px) scale(0.6387);
    animation: fall-133 20s -13s linear infinite;
  }
  @keyframes fall-133 {
    63.348% {
      transform: translate(93.6396vw, 63.348vh) scale(0.6387);
    }
    to {
      transform: translate(88.81705vw, 100vh) scale(0.6387);
    }
  }
  .snow:nth-child(134) {
    opacity: 0.5938;
    transform: translate(51.8024vw, -10px) scale(0.6766);
    animation: fall-134 18s -3s linear infinite;
  }
  @keyframes fall-134 {
    58.6% {
      transform: translate(58.5142vw, 58.6vh) scale(0.6766);
    }
    to {
      transform: translate(55.1583vw, 100vh) scale(0.6766);
    }
  }
  .snow:nth-child(135) {
    opacity: 0.6741;
    transform: translate(98.1043vw, -10px) scale(0.762);
    animation: fall-135 13s -14s linear infinite;
  }
  @keyframes fall-135 {
    49.608% {
      transform: translate(103.7307vw, 49.608vh) scale(0.762);
    }
    to {
      transform: translate(100.9175vw, 100vh) scale(0.762);
    }
  }
  .snow:nth-child(136) {
    opacity: 0.8061;
    transform: translate(32.0693vw, -10px) scale(0.5258);
    animation: fall-136 23s -26s linear infinite;
  }
  @keyframes fall-136 {
    64.458% {
      transform: translate(24.9234vw, 64.458vh) scale(0.5258);
    }
    to {
      transform: translate(28.49635vw, 100vh) scale(0.5258);
    }
  }
  .snow:nth-child(137) {
    opacity: 0.3748;
    transform: translate(85.4178vw, -10px) scale(0.8903);
    animation: fall-137 15s -25s linear infinite;
  }
  @keyframes fall-137 {
    66.515% {
      transform: translate(85.3205vw, 66.515vh) scale(0.8903);
    }
    to {
      transform: translate(85.36915vw, 100vh) scale(0.8903);
    }
  }
  .snow:nth-child(138) {
    opacity: 0.5636;
    transform: translate(62.9711vw, -10px) scale(0.2422);
    animation: fall-138 23s -4s linear infinite;
  }
  @keyframes fall-138 {
    53.978% {
      transform: translate(71.5549vw, 53.978vh) scale(0.2422);
    }
    to {
      transform: translate(67.263vw, 100vh) scale(0.2422);
    }
  }
  .snow:nth-child(139) {
    opacity: 0.7517;
    transform: translate(19.1969vw, -10px) scale(0.2207);
    animation: fall-139 21s -25s linear infinite;
  }
  @keyframes fall-139 {
    76.817% {
      transform: translate(19.1722vw, 76.817vh) scale(0.2207);
    }
    to {
      transform: translate(19.18455vw, 100vh) scale(0.2207);
    }
  }
  .snow:nth-child(140) {
    opacity: 0.0506;
    transform: translate(65.3515vw, -10px) scale(0.1396);
    animation: fall-140 22s -19s linear infinite;
  }
  @keyframes fall-140 {
    32.221% {
      transform: translate(65.4775vw, 32.221vh) scale(0.1396);
    }
    to {
      transform: translate(65.4145vw, 100vh) scale(0.1396);
    }
  }
  .snow:nth-child(141) {
    opacity: 0.5527;
    transform: translate(70.9799vw, -10px) scale(0.2949);
    animation: fall-141 17s -6s linear infinite;
  }
  @keyframes fall-141 {
    30.581% {
      transform: translate(69.5275vw, 30.581vh) scale(0.2949);
    }
    to {
      transform: translate(70.2537vw, 100vh) scale(0.2949);
    }
  }
  .snow:nth-child(142) {
    opacity: 0.2908;
    transform: translate(73.9584vw, -10px) scale(0.2256);
    animation: fall-142 25s -12s linear infinite;
  }
  @keyframes fall-142 {
    42.323% {
      transform: translate(64.2158vw, 42.323vh) scale(0.2256);
    }
    to {
      transform: translate(69.0871vw, 100vh) scale(0.2256);
    }
  }
  .snow:nth-child(143) {
    opacity: 0.4324;
    transform: translate(34.5762vw, -10px) scale(0.4467);
    animation: fall-143 12s -3s linear infinite;
  }
  @keyframes fall-143 {
    51.884% {
      transform: translate(27.9156vw, 51.884vh) scale(0.4467);
    }
    to {
      transform: translate(31.2459vw, 100vh) scale(0.4467);
    }
  }
  .snow:nth-child(144) {
    opacity: 0.6753;
    transform: translate(92.6624vw, -10px) scale(0.7626);
    animation: fall-144 13s -11s linear infinite;
  }
  @keyframes fall-144 {
    65.802% {
      transform: translate(95.6252vw, 65.802vh) scale(0.7626);
    }
    to {
      transform: translate(94.1438vw, 100vh) scale(0.7626);
    }
  }
  .snow:nth-child(145) {
    opacity: 0.2481;
    transform: translate(67.2503vw, -10px) scale(0.1995);
    animation: fall-145 24s -28s linear infinite;
  }
  @keyframes fall-145 {
    75.042% {
      transform: translate(70.0858vw, 75.042vh) scale(0.1995);
    }
    to {
      transform: translate(68.66805vw, 100vh) scale(0.1995);
    }
  }
  .snow:nth-child(146) {
    opacity: 0.6945;
    transform: translate(34.8584vw, -10px) scale(0.752);
    animation: fall-146 13s -26s linear infinite;
  }
  @keyframes fall-146 {
    61.832% {
      transform: translate(38.6407vw, 61.832vh) scale(0.752);
    }
    to {
      transform: translate(36.74955vw, 100vh) scale(0.752);
    }
  }
  .snow:nth-child(147) {
    opacity: 0.8246;
    transform: translate(60.087vw, -10px) scale(0.8311);
    animation: fall-147 19s -21s linear infinite;
  }
  @keyframes fall-147 {
    52.78% {
      transform: translate(64.7574vw, 52.78vh) scale(0.8311);
    }
    to {
      transform: translate(62.4222vw, 100vh) scale(0.8311);
    }
  }
  .snow:nth-child(148) {
    opacity: 0.8331;
    transform: translate(0.2073vw, -10px) scale(0.3715);
    animation: fall-148 27s -26s linear infinite;
  }
  @keyframes fall-148 {
    67.251% {
      transform: translate(8.9559vw, 67.251vh) scale(0.3715);
    }
    to {
      transform: translate(4.5816vw, 100vh) scale(0.3715);
    }
  }
  .snow:nth-child(149) {
    opacity: 0.304;
    transform: translate(8.4483vw, -10px) scale(0.4434);
    animation: fall-149 10s -11s linear infinite;
  }
  @keyframes fall-149 {
    32.02% {
      transform: translate(4.4982vw, 32.02vh) scale(0.4434);
    }
    to {
      transform: translate(6.47325vw, 100vh) scale(0.4434);
    }
  }
  .snow:nth-child(150) {
    opacity: 0.2552;
    transform: translate(70.3249vw, -10px) scale(0.7544);
    animation: fall-150 14s -18s linear infinite;
  }
  @keyframes fall-150 {
    69.577% {
      transform: translate(78.8027vw, 69.577vh) scale(0.7544);
    }
    to {
      transform: translate(74.5638vw, 100vh) scale(0.7544);
    }
  }
  .snow:nth-child(151) {
    opacity: 0.0787;
    transform: translate(77.4304vw, -10px) scale(0.9985);
    animation: fall-151 13s -28s linear infinite;
  }
  @keyframes fall-151 {
    49.656% {
      transform: translate(77.0539vw, 49.656vh) scale(0.9985);
    }
    to {
      transform: translate(77.24215vw, 100vh) scale(0.9985);
    }
  }
  .snow:nth-child(152) {
    opacity: 0.6496;
    transform: translate(32.4809vw, -10px) scale(0.2546);
    animation: fall-152 22s -27s linear infinite;
  }
  @keyframes fall-152 {
    64.039% {
      transform: translate(37.5577vw, 64.039vh) scale(0.2546);
    }
    to {
      transform: translate(35.0193vw, 100vh) scale(0.2546);
    }
  }
  .snow:nth-child(153) {
    opacity: 0.627;
    transform: translate(39.6677vw, -10px) scale(0.1935);
    animation: fall-153 28s -28s linear infinite;
  }
  @keyframes fall-153 {
    31.654% {
      transform: translate(30.1103vw, 31.654vh) scale(0.1935);
    }
    to {
      transform: translate(34.889vw, 100vh) scale(0.1935);
    }
  }
  .snow:nth-child(154) {
    opacity: 0.8777;
    transform: translate(4.4741vw, -10px) scale(0.1969);
    animation: fall-154 27s -26s linear infinite;
  }
  @keyframes fall-154 {
    75.176% {
      transform: translate(3.3208vw, 75.176vh) scale(0.1969);
    }
    to {
      transform: translate(3.89745vw, 100vh) scale(0.1969);
    }
  }
  .snow:nth-child(155) {
    opacity: 0.2923;
    transform: translate(94.6009vw, -10px) scale(0.4767);
    animation: fall-155 20s -8s linear infinite;
  }
  @keyframes fall-155 {
    71.267% {
      transform: translate(85.2799vw, 71.267vh) scale(0.4767);
    }
    to {
      transform: translate(89.9404vw, 100vh) scale(0.4767);
    }
  }
  .snow:nth-child(156) {
    opacity: 0.6184;
    transform: translate(27.7023vw, -10px) scale(0.2547);
    animation: fall-156 30s -11s linear infinite;
  }
  @keyframes fall-156 {
    76.105% {
      transform: translate(22.7627vw, 76.105vh) scale(0.2547);
    }
    to {
      transform: translate(25.2325vw, 100vh) scale(0.2547);
    }
  }
  .snow:nth-child(157) {
    opacity: 0.4671;
    transform: translate(41.3078vw, -10px) scale(0.9425);
    animation: fall-157 29s -15s linear infinite;
  }
  @keyframes fall-157 {
    49.255% {
      transform: translate(41.3206vw, 49.255vh) scale(0.9425);
    }
    to {
      transform: translate(41.3142vw, 100vh) scale(0.9425);
    }
  }
  .snow:nth-child(158) {
    opacity: 0.5963;
    transform: translate(58.197vw, -10px) scale(0.7459);
    animation: fall-158 25s -17s linear infinite;
  }
  @keyframes fall-158 {
    42.933% {
      transform: translate(62.621vw, 42.933vh) scale(0.7459);
    }
    to {
      transform: translate(60.409vw, 100vh) scale(0.7459);
    }
  }
  .snow:nth-child(159) {
    opacity: 0.6215;
    transform: translate(64.8301vw, -10px) scale(0.2103);
    animation: fall-159 21s -6s linear infinite;
  }
  @keyframes fall-159 {
    46.148% {
      transform: translate(66.4072vw, 46.148vh) scale(0.2103);
    }
    to {
      transform: translate(65.61865vw, 100vh) scale(0.2103);
    }
  }
  .snow:nth-child(160) {
    opacity: 0.8603;
    transform: translate(86.2665vw, -10px) scale(0.608);
    animation: fall-160 29s -11s linear infinite;
  }
  @keyframes fall-160 {
    65.412% {
      transform: translate(81.7944vw, 65.412vh) scale(0.608);
    }
    to {
      transform: translate(84.03045vw, 100vh) scale(0.608);
    }
  }
  .snow:nth-child(161) {
    opacity: 0.9415;
    transform: translate(21.0429vw, -10px) scale(0.5716);
    animation: fall-161 15s -17s linear infinite;
  }
  @keyframes fall-161 {
    56.317% {
      transform: translate(18.7165vw, 56.317vh) scale(0.5716);
    }
    to {
      transform: translate(19.8797vw, 100vh) scale(0.5716);
    }
  }
  .snow:nth-child(162) {
    opacity: 0.8836;
    transform: translate(58.1814vw, -10px) scale(0.8926);
    animation: fall-162 27s -7s linear infinite;
  }
  @keyframes fall-162 {
    37.909% {
      transform: translate(67.4895vw, 37.909vh) scale(0.8926);
    }
    to {
      transform: translate(62.83545vw, 100vh) scale(0.8926);
    }
  }
  .snow:nth-child(163) {
    opacity: 0.2386;
    transform: translate(95.953vw, -10px) scale(0.3792);
    animation: fall-163 16s -2s linear infinite;
  }
  @keyframes fall-163 {
    38.786% {
      transform: translate(93.5154vw, 38.786vh) scale(0.3792);
    }
    to {
      transform: translate(94.7342vw, 100vh) scale(0.3792);
    }
  }
  .snow:nth-child(164) {
    opacity: 0.7328;
    transform: translate(21.0598vw, -10px) scale(0.7085);
    animation: fall-164 17s -7s linear infinite;
  }
  @keyframes fall-164 {
    67.722% {
      transform: translate(20.3951vw, 67.722vh) scale(0.7085);
    }
    to {
      transform: translate(20.72745vw, 100vh) scale(0.7085);
    }
  }
  .snow:nth-child(165) {
    opacity: 0.7143;
    transform: translate(29.0031vw, -10px) scale(0.9299);
    animation: fall-165 16s -29s linear infinite;
  }
  @keyframes fall-165 {
    31.803% {
      transform: translate(37.7304vw, 31.803vh) scale(0.9299);
    }
    to {
      transform: translate(33.36675vw, 100vh) scale(0.9299);
    }
  }
  .snow:nth-child(166) {
    opacity: 0.0801;
    transform: translate(0.4995vw, -10px) scale(0.6729);
    animation: fall-166 20s -3s linear infinite;
  }
  @keyframes fall-166 {
    72.446% {
      transform: translate(-6.538vw, 72.446vh) scale(0.6729);
    }
    to {
      transform: translate(-3.01925vw, 100vh) scale(0.6729);
    }
  }
  .snow:nth-child(167) {
    opacity: 0.8712;
    transform: translate(37.9125vw, -10px) scale(0.1931);
    animation: fall-167 30s -13s linear infinite;
  }
  @keyframes fall-167 {
    72.436% {
      transform: translate(33.1811vw, 72.436vh) scale(0.1931);
    }
    to {
      transform: translate(35.5468vw, 100vh) scale(0.1931);
    }
  }
  .snow:nth-child(168) {
    opacity: 0.4551;
    transform: translate(40.2339vw, -10px) scale(0.4676);
    animation: fall-168 21s -5s linear infinite;
  }
  @keyframes fall-168 {
    65.028% {
      transform: translate(37.0466vw, 65.028vh) scale(0.4676);
    }
    to {
      transform: translate(38.64025vw, 100vh) scale(0.4676);
    }
  }
  .snow:nth-child(169) {
    opacity: 0.2551;
    transform: translate(68.2316vw, -10px) scale(0.6482);
    animation: fall-169 29s -26s linear infinite;
  }
  @keyframes fall-169 {
    74.416% {
      transform: translate(62.1958vw, 74.416vh) scale(0.6482);
    }
    to {
      transform: translate(65.2137vw, 100vh) scale(0.6482);
    }
  }
  .snow:nth-child(170) {
    opacity: 0.0047;
    transform: translate(37.5854vw, -10px) scale(0.0355);
    animation: fall-170 23s -12s linear infinite;
  }
  @keyframes fall-170 {
    30.321% {
      transform: translate(38.5479vw, 30.321vh) scale(0.0355);
    }
    to {
      transform: translate(38.06665vw, 100vh) scale(0.0355);
    }
  }
  .snow:nth-child(171) {
    opacity: 0.8911;
    transform: translate(24.3298vw, -10px) scale(0.465);
    animation: fall-171 11s -7s linear infinite;
  }
  @keyframes fall-171 {
    52.808% {
      transform: translate(30.3858vw, 52.808vh) scale(0.465);
    }
    to {
      transform: translate(27.3578vw, 100vh) scale(0.465);
    }
  }
  .snow:nth-child(172) {
    opacity: 0.5475;
    transform: translate(85.8489vw, -10px) scale(0.62);
    animation: fall-172 28s -14s linear infinite;
  }
  @keyframes fall-172 {
    35.699% {
      transform: translate(94.3272vw, 35.699vh) scale(0.62);
    }
    to {
      transform: translate(90.08805vw, 100vh) scale(0.62);
    }
  }
  .snow:nth-child(173) {
    opacity: 0.3689;
    transform: translate(19.2533vw, -10px) scale(0.9311);
    animation: fall-173 19s -30s linear infinite;
  }
  @keyframes fall-173 {
    44.884% {
      transform: translate(24.0183vw, 44.884vh) scale(0.9311);
    }
    to {
      transform: translate(21.6358vw, 100vh) scale(0.9311);
    }
  }
  .snow:nth-child(174) {
    opacity: 0.2555;
    transform: translate(88.9907vw, -10px) scale(0.5617);
    animation: fall-174 11s -12s linear infinite;
  }
  @keyframes fall-174 {
    63.116% {
      transform: translate(85.6871vw, 63.116vh) scale(0.5617);
    }
    to {
      transform: translate(87.3389vw, 100vh) scale(0.5617);
    }
  }
  .snow:nth-child(175) {
    opacity: 0.1805;
    transform: translate(16.4418vw, -10px) scale(0.9631);
    animation: fall-175 29s -4s linear infinite;
  }
  @keyframes fall-175 {
    61.949% {
      transform: translate(10.3445vw, 61.949vh) scale(0.9631);
    }
    to {
      transform: translate(13.39315vw, 100vh) scale(0.9631);
    }
  }
  .snow:nth-child(176) {
    opacity: 0.3899;
    transform: translate(33.4302vw, -10px) scale(0.1859);
    animation: fall-176 28s -23s linear infinite;
  }
  @keyframes fall-176 {
    48.835% {
      transform: translate(36.0014vw, 48.835vh) scale(0.1859);
    }
    to {
      transform: translate(34.7158vw, 100vh) scale(0.1859);
    }
  }
  .snow:nth-child(177) {
    opacity: 0.0444;
    transform: translate(1.1728vw, -10px) scale(0.9202);
    animation: fall-177 30s -12s linear infinite;
  }
  @keyframes fall-177 {
    34.649% {
      transform: translate(5.2644vw, 34.649vh) scale(0.9202);
    }
    to {
      transform: translate(3.2186vw, 100vh) scale(0.9202);
    }
  }
  .snow:nth-child(178) {
    opacity: 0.8041;
    transform: translate(54.845vw, -10px) scale(0.1013);
    animation: fall-178 14s -11s linear infinite;
  }
  @keyframes fall-178 {
    79.12% {
      transform: translate(61.6938vw, 79.12vh) scale(0.1013);
    }
    to {
      transform: translate(58.2694vw, 100vh) scale(0.1013);
    }
  }
  .snow:nth-child(179) {
    opacity: 0.2329;
    transform: translate(77.3209vw, -10px) scale(0.1742);
    animation: fall-179 26s -28s linear infinite;
  }
  @keyframes fall-179 {
    68.134% {
      transform: translate(79.2744vw, 68.134vh) scale(0.1742);
    }
    to {
      transform: translate(78.29765vw, 100vh) scale(0.1742);
    }
  }
  .snow:nth-child(180) {
    opacity: 0.7562;
    transform: translate(46.8967vw, -10px) scale(0.9987);
    animation: fall-180 20s -28s linear infinite;
  }
  @keyframes fall-180 {
    70.449% {
      transform: translate(51.2195vw, 70.449vh) scale(0.9987);
    }
    to {
      transform: translate(49.0581vw, 100vh) scale(0.9987);
    }
  }
  .snow:nth-child(181) {
    opacity: 0.3943;
    transform: translate(70.3663vw, -10px) scale(0.8015);
    animation: fall-181 17s -4s linear infinite;
  }
  @keyframes fall-181 {
    66.44% {
      transform: translate(73.3289vw, 66.44vh) scale(0.8015);
    }
    to {
      transform: translate(71.8476vw, 100vh) scale(0.8015);
    }
  }
  .snow:nth-child(182) {
    opacity: 0.4209;
    transform: translate(28.4065vw, -10px) scale(0.6151);
    animation: fall-182 23s -18s linear infinite;
  }
  @keyframes fall-182 {
    55.374% {
      transform: translate(24.9112vw, 55.374vh) scale(0.6151);
    }
    to {
      transform: translate(26.65885vw, 100vh) scale(0.6151);
    }
  }
  .snow:nth-child(183) {
    opacity: 0.4447;
    transform: translate(66.8183vw, -10px) scale(0.1);
    animation: fall-183 24s -1s linear infinite;
  }
  @keyframes fall-183 {
    63.22% {
      transform: translate(61.9452vw, 63.22vh) scale(0.1);
    }
    to {
      transform: translate(64.38175vw, 100vh) scale(0.1);
    }
  }
  .snow:nth-child(184) {
    opacity: 0.1426;
    transform: translate(62.4787vw, -10px) scale(0.3078);
    animation: fall-184 13s -15s linear infinite;
  }
  @keyframes fall-184 {
    73.148% {
      transform: translate(60.9874vw, 73.148vh) scale(0.3078);
    }
    to {
      transform: translate(61.73305vw, 100vh) scale(0.3078);
    }
  }
  .snow:nth-child(185) {
    opacity: 0.773;
    transform: translate(1.3676vw, -10px) scale(0.823);
    animation: fall-185 11s -8s linear infinite;
  }
  @keyframes fall-185 {
    57.809% {
      transform: translate(-3.3866vw, 57.809vh) scale(0.823);
    }
    to {
      transform: translate(-1.0095vw, 100vh) scale(0.823);
    }
  }
  .snow:nth-child(186) {
    opacity: 0.4226;
    transform: translate(57.6551vw, -10px) scale(0.6944);
    animation: fall-186 23s -11s linear infinite;
  }
  @keyframes fall-186 {
    55.65% {
      transform: translate(47.8047vw, 55.65vh) scale(0.6944);
    }
    to {
      transform: translate(52.7299vw, 100vh) scale(0.6944);
    }
  }
  .snow:nth-child(187) {
    opacity: 0.0335;
    transform: translate(81.1896vw, -10px) scale(0.6841);
    animation: fall-187 26s -1s linear infinite;
  }
  @keyframes fall-187 {
    72.417% {
      transform: translate(87.1139vw, 72.417vh) scale(0.6841);
    }
    to {
      transform: translate(84.15175vw, 100vh) scale(0.6841);
    }
  }
  .snow:nth-child(188) {
    opacity: 0.3416;
    transform: translate(4.2866vw, -10px) scale(0.3296);
    animation: fall-188 15s -1s linear infinite;
  }
  @keyframes fall-188 {
    73.849% {
      transform: translate(2.1909vw, 73.849vh) scale(0.3296);
    }
    to {
      transform: translate(3.23875vw, 100vh) scale(0.3296);
    }
  }
  .snow:nth-child(189) {
    opacity: 0.2985;
    transform: translate(85.7578vw, -10px) scale(0.1839);
    animation: fall-189 10s -16s linear infinite;
  }
  @keyframes fall-189 {
    41.668% {
      transform: translate(80.2454vw, 41.668vh) scale(0.1839);
    }
    to {
      transform: translate(83.0016vw, 100vh) scale(0.1839);
    }
  }
  .snow:nth-child(190) {
    opacity: 0.0449;
    transform: translate(92.0781vw, -10px) scale(0.2445);
    animation: fall-190 14s -5s linear infinite;
  }
  @keyframes fall-190 {
    33.534% {
      transform: translate(88.7844vw, 33.534vh) scale(0.2445);
    }
    to {
      transform: translate(90.43125vw, 100vh) scale(0.2445);
    }
  }
  .snow:nth-child(191) {
    opacity: 0.9084;
    transform: translate(77.3279vw, -10px) scale(0.2713);
    animation: fall-191 25s -19s linear infinite;
  }
  @keyframes fall-191 {
    67.272% {
      transform: translate(76.3227vw, 67.272vh) scale(0.2713);
    }
    to {
      transform: translate(76.8253vw, 100vh) scale(0.2713);
    }
  }
  .snow:nth-child(192) {
    opacity: 0.7989;
    transform: translate(32.1567vw, -10px) scale(0.5501);
    animation: fall-192 29s -4s linear infinite;
  }
  @keyframes fall-192 {
    35.963% {
      transform: translate(40.1905vw, 35.963vh) scale(0.5501);
    }
    to {
      transform: translate(36.1736vw, 100vh) scale(0.5501);
    }
  }
  .snow:nth-child(193) {
    opacity: 0.7231;
    transform: translate(30.59vw, -10px) scale(0.6094);
    animation: fall-193 23s -10s linear infinite;
  }
  @keyframes fall-193 {
    32.032% {
      transform: translate(25.6645vw, 32.032vh) scale(0.6094);
    }
    to {
      transform: translate(28.12725vw, 100vh) scale(0.6094);
    }
  }
  .snow:nth-child(194) {
    opacity: 0.0001;
    transform: translate(5.3954vw, -10px) scale(0.2957);
    animation: fall-194 20s -18s linear infinite;
  }
  @keyframes fall-194 {
    53.112% {
      transform: translate(5.4726vw, 53.112vh) scale(0.2957);
    }
    to {
      transform: translate(5.434vw, 100vh) scale(0.2957);
    }
  }
  .snow:nth-child(195) {
    opacity: 0.1585;
    transform: translate(38.4488vw, -10px) scale(0.9547);
    animation: fall-195 24s -26s linear infinite;
  }
  @keyframes fall-195 {
    37.82% {
      transform: translate(29.5488vw, 37.82vh) scale(0.9547);
    }
    to {
      transform: translate(33.9988vw, 100vh) scale(0.9547);
    }
  }
  .snow:nth-child(196) {
    opacity: 0.2436;
    transform: translate(36.1824vw, -10px) scale(0.2479);
    animation: fall-196 10s -30s linear infinite;
  }
  @keyframes fall-196 {
    71.927% {
      transform: translate(32.2189vw, 71.927vh) scale(0.2479);
    }
    to {
      transform: translate(34.20065vw, 100vh) scale(0.2479);
    }
  }
  .snow:nth-child(197) {
    opacity: 0.8808;
    transform: translate(19.0103vw, -10px) scale(0.6344);
    animation: fall-197 25s -30s linear infinite;
  }
  @keyframes fall-197 {
    30.019% {
      transform: translate(24.1907vw, 30.019vh) scale(0.6344);
    }
    to {
      transform: translate(21.6005vw, 100vh) scale(0.6344);
    }
  }
  .snow:nth-child(198) {
    opacity: 0.1884;
    transform: translate(27.6961vw, -10px) scale(0.0669);
    animation: fall-198 21s -13s linear infinite;
  }
  @keyframes fall-198 {
    55.034% {
      transform: translate(18.4168vw, 55.034vh) scale(0.0669);
    }
    to {
      transform: translate(23.05645vw, 100vh) scale(0.0669);
    }
  }
  .snow:nth-child(199) {
    opacity: 0.7942;
    transform: translate(1.2236vw, -10px) scale(0.9658);
    animation: fall-199 24s -1s linear infinite;
  }
  @keyframes fall-199 {
    74.171% {
      transform: translate(-0.0445vw, 74.171vh) scale(0.9658);
    }
    to {
      transform: translate(0.58955vw, 100vh) scale(0.9658);
    }
  }
  .snow:nth-child(200) {
    opacity: 0.3604;
    transform: translate(61.0146vw, -10px) scale(0.0397);
    animation: fall-200 24s -25s linear infinite;
  }
  @keyframes fall-200 {
    57.513% {
      transform: translate(63.1049vw, 57.513vh) scale(0.0397);
    }
    to {
      transform: translate(62.05975vw, 100vh) scale(0.0397);
    }
  }
  

footer {
    margin-top: 10rem;
    padding-bottom: 6rem;
    background: rgb(12, 12, 12);
}

@keyframes open {
    0% {
        transform: scaleY(1)
    }

    100% {
        transform: scaleY(0)
    }
}

@keyframes close {
    0% {
        transform: scaleY(0)
    }

    100% {
        transform: scaleY(1)
    }
}


@keyframes rotate {
    100% {
        transform: rotateX(0deg) rotateY(360deg) rotateZ(360deg);
    }
}

@keyframes zoom-on-start {
    from {
        transform: scale(0.25);
    }

    to {
        transform: scale(1);
    }
}

@media screen and (max-width: 576px) {
    .navbar {
        background-color: rgb(8, 8, 8);
    }
    .navbar-nav {
        display: block;
    }
    .nav-item {
        margin-left: 1rem;
    }
    .container-cube {
        position: absolute;
        margin-top: 6rem;
        zoom: 90%;
        height: 40%;
    }
    .navbar-brand {
        display: none;
    }
    .display-4 {
        font-size: 1.5rem;
        letter-spacing: normal;
    }
    .delay-2 {
        font-size: 1rem;
        margin-bottom: 20rem;
    }
    .delay {
        margin-top: 5rem;
    }
    .spacer {
        font-size: 0.8rem;
    }
    .half {
        width: 90%;
    }
    .row {
        display: block;
        align-self: center;
        margin: auto;
    }
    .col {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .card {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #login {
        margin-bottom: 0;
    }
    p {
        font-size: 0.9rem;
    }
    footer {
        padding-bottom: 7.5rem;
    }
    .lead {
        font-size: 1rem;
    }
    .skills{
        margin: auto;
        justify-content: space-between;
    }
    .skill {
        width: auto;
        font-size: 0.9rem;
    }
    .card-title {
        letter-spacing: 0.1rem;
        font-size: 1rem;
    }
    .card-text {
        font-size: 0.9rem;
    }
    .title {
        font-size: 2.75rem;
    }

    .subtitle {
        font-size: 1.25rem;
    }
}