* {
  margin: 0;
  padding: 0;
  border: none;
  box-sizing: border-box;
  font-weight: 400;
  color: #fdd1da;
  overscroll-behavior: contain;
  font-family: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
  transition: opacity 0.5s;
}



html {
  overscroll-behavior: none;
  font-size: 1em;
  height: 100%;
  bottom: 0px;
}




body {
  height: auto;
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overflow-y: scroll;
  animation: fadeIn 1 1s ease-out;
  background-color: #000;
}

h1 {

  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  font-weight: 900;
  font-variant: small-caps;
  font-size: 2.5rem;
  line-height: 3rem;
  padding-bottom: 1rem;
  text-align: center;
  text-wrap: balance;
  
}

h2 {
font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 2rem;
  text-align: center;
  color: white;
  font-weight: 600;
  text-transform: uppercase;
  text-wrap: balance;
}

h3 {
  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  font-size: 1.4rem;
  font-weight: 100;
  text-transform: uppercase;
  text-wrap: balance;
  color: white;
  text-align: center;
  padding: 12px;
}

p {
  font-family: Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif;
font-weight: 900;
  font-size: 1.25rem;
  font-weight: 200;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  column-span: none;
  line-height: 2rem;
}

.w {
  display: inline-block;
  transition: opacity 0.15s;
}

#headerBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120px;
  background-color: black;
  z-index: 1000;
}

#headerContainer {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}


#scenes {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 100vh;
}

.titleBlock{
  position: relative;
}

.mobileGraphic{
  display: none;
}

#graphicBox {
  position: fixed;
  bottom: 120px;
  display: block;
  width: 50%;
  max-width: 768px;
  margin: 0 auto;
}

.graphicBoxGraphic {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.graphicBoxGraphic.active {
  opacity: 1;
}


#sceneDescriptors {
  position: relative;
  float:right;
  height: auto;
  display: block;
  width: 50%;
  height: auto;
  padding-top: 20vh;
  margin-right: 32px;
}

.sceneDescriptor {
  margin-bottom: 35vh;
  padding: 3rem;
  background-color: rgba(33, 12, 27, 0.628);
  background-blend-mode: luminosity;
  border: 1px solid #ffb7c5;
  border-radius: 0.2rem;

}

.deviceList {
  display: inline-block;
  font-family: Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
  font-size: 1rem;
  font-weight: 100;
  text-transform: uppercase;
  text-wrap: balance;
  text-align: center;
  padding: 6px;
  padding-top: 0;
  margin: 0 auto;
  color: white;
}

#canvas {
  position: relative;
  width: 350px;
  height: 140px;
  top: -23px;
  left: -33px;
  display: block;
  filter: drop-shadow(0 0 6px #ffb7c5);
  transition-property: opacity;
  transition-duration: 0.2s;
}

#info {
  position: absolute;
  width: 50vw;
  height: 80vh;
  top: 10vh;
  right: 0;

  display: flex;
  justify-content: center;
  align-items: center;

}


#infoBox {
  background-color: rgba(33, 12, 27, 0.528);
  background-blend-mode: luminosity;
  margin-left: 15%;
  margin-right: 15%;
  padding: 3rem;
  width: 80%;
  height: auto;
  border: 1px solid #ffb7c5;
  border-radius: 0.2rem;
  text-align: center;
}

#backgroundAnim {
  position: fixed;
  bottom: -60px;
  height: 120vh;
  width: 100vw;
  overflow: auto;
  background: radial-gradient(ellipse at top, #37212f 0%, #1a1421 100%);
  z-index: -1;
  transform: scaleY(-1);

}

.embeddable-buttondown-form {
  margin: 0 auto;
  text-align: center;
}

#password {
  width: 65%;
  height: 2rem;
  background-color: rgba(33, 12, 27, 0.528);
  border-left: 1px solid #ffb7c5;
  border-top: 1px solid #ffb7c5;
  border-bottom: 1px solid #ffb7c5;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  margin: 0 auto;
  padding: 0;
  padding-left: 0.5rem;
  font-size: 1rem;
}

#password::placeholder {
  text-align: left;
  margin-left: 1rem;
  font-style: italic;
  color: #ffb7c5;
  opacity: 0.7;
}

#headerButton{
  position: fixed;

  top: 40px;
  right: 32px;
  height: auto;
  width: auto;
  max-width: 30vw;
  padding: 8px;
  text-align: center;  
  background-color: rgba(33, 12, 27, 0.528);
  border: 1px solid #ffb7c5;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  font-size: 1rem;
}

#headerButton:hover{
  cursor: pointer;
  background-color: #fdd1da31;
}


#enterButton {
  width: auto;
  height: 2rem;
  background-color: rgba(33, 12, 27, 0.528);
  border: 1px solid #ffb7c5;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: -3px;
  font-size: 1rem;

}

#enterButton:hover {
  width: auto;
  height: 2rem;
  background-color: black;
  color: white;
  border: 1px solid #ffb7c5;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  margin: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: -3px;
  cursor: pointer;

}


#footerBar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  width: 100vw;
  background-color: black;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 1000;
  display: flex;
  align-items: center;      /* vertical */
}


#footerLeft {

  padding-left: 2rem;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  width: auto;
  height: auto;
  text-align: left;
}

#footerRight {
  padding-right: 2rem;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  right: 0;
  width: 50vw;
  height: auto;
  text-align: right;
  font-size: 0.9rem;
}

#footerBar p {
  height: auto;
  color: white;
  font-weight: 100;
  font-size: 0.88rem;
  letter-spacing: 1px;
  text-decoration: none;
}

#footerBar p a {
  color: white;
  font-weight: 100;
  font-size: 0.88rem;
  text-decoration: none;
}

@media (max-width: 1000px){

  .titleBlock {
    position: sticky;
    top: 140px;
  }
  .titleBlock + * {
    padding-top: 4rem;
  }

  .mobileGraphic{
    display: block;
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
    margin-top: -2rem;
  }

  #graphicBox {
    display: none;
  }

  #sceneDescriptors {
    position: relative;
    height: auto;
    display: block;
    width: 100%;
    height: auto;
    padding: 3vw;

    padding-top: 150px;
    padding-bottom: 4vh;
    margin: 0 auto;
    z-index: 1;
  }

  .sceneDescriptor {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 10vw;
    padding: 2rem;
  }

  p{
    text-align: left;
  }

  #canvas {
    left: -80px !important;
  }

  #footerBar {
    height: 60px;
    bottom: 0px;
  }

}


@media (max-width: 600px){

  #headerBar {
    position: fixed;
    height: 50px;
  }

  .titleBlock {
    position: sticky;
    top: 70px;
  }


  #headerButton{
  position: fixed;

  top: 12px;
  right: 12px;
  height: auto;
  width: auto;
  max-width: 50vw;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  }

  #headerButton:hover{
    cursor: pointer;
    background-color: #fdd1da31;
  }

  #canvas {
    top: -53px;
    transform: translate(-60px);
    scale: 0.55;

  }

  html {
    overscroll-behavior: none;
    font-size: 0.85em !important;
  }

  h1 {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }

  h2 {
    font-size: 1.3rem;
  }


  h3 {
    font-size: 1.2rem;
  }

    #sceneDescriptors {

    padding-top: 70px;
    padding-bottom: 4vh;

  }


  #footerBar {
    position: relative;
    height: 60px;
    bottom: 0px;
  }
}

 

#hearts {
  opacity: 0.7;
  height: 100vh;
  width: 100vw;
  transition-property: opacity;
  transition-duration: 0.2s;
  filter: drop-shadow(0 0 10px white);
}


.heart {
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA3NDQuOTggNjI2Ljc5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA3NDQuOTggNjI2Ljc5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTc0NC45OCw0MzAuNjRjMCwxMDguMTUtODcuOTksMTk2LjE1LTE5Ni4xNSwxOTYuMTVjLTM3LjgxLDAtNzQuNTItMTAuNzgtMTA2LjE1LTMxLjE4CgljLTMwLjIyLTE5LjQ5LTU0LjQ1LTQ2Ljc4LTcwLjE5LTc5Yy0xNS43MywzMi4yMi0zOS45Nyw1OS41MS03MC4xOSw3OWMtMzEuNjMsMjAuNC02OC4zNCwzMS4xOC0xMDYuMTUsMzEuMTgKCUM4Ny45OSw2MjYuNzksMCw1MzguOCwwLDQzMC42NGMwLTQ4Ljg2LDE5LjU5LTEwMS45Miw1OC4yMi0xNTcuN2MzMC44Ni00NC41NSw3My44OC05MC45NCwxMjcuODYtMTM3Ljg4CglDMjc3Ljk3LDU1LjE5LDM3MS4wNiwwLjY4LDM3MS45OSwwLjE0YzAuMTUtMC4wOSwwLjMzLTAuMTQsMC41LTAuMTRzMC4zNSwwLjA1LDAuNSwwLjE0YzAuOTMsMC41NCw5NC4wMiw1NS4wNSwxODUuOSwxMzQuOTQKCWM1My45OCw0Ni45NCw5Ny4wMSw5My4zMiwxMjcuODYsMTM3Ljg4QzcyNS4zOSwzMjguNzIsNzQ0Ljk4LDM4MS43OCw3NDQuOTgsNDMwLjY0TDc0NC45OCw0MzAuNjR6Ii8+Cjwvc3ZnPgo=");
  background-size: contain;
  background-repeat: no-repeat;
}

.heart:nth-child(1) {
  opacity: 0.1772;
  transform: translate(18.3001vw, -10px) scale(0.057) rotate(538deg);
  animation: fall-1 21s -28s linear infinite;
}

@keyframes fall-1 {
  69.843% {
    transform: translate(20.8125vw, 69.843vh) scale(0.057) rotate(291deg);
  }

  to {
    transform: translate(19.5563vw, 100vh) scale(0.057) rotate(388deg);
  }
}

.heart:nth-child(2) {
  opacity: 0.0495;
  transform: translate(56.7255vw, -10px) scale(0.8217) rotate(-310deg);
  animation: fall-2 27s -12s linear infinite;
}

@keyframes fall-2 {
  32.383% {
    transform: translate(53.4327vw, 32.383vh) scale(0.8217) rotate(-319deg);
  }

  to {
    transform: translate(55.0791vw, 100vh) scale(0.8217) rotate(-341deg);
  }
}

.heart:nth-child(3) {
  opacity: 0.9463;
  transform: translate(66.9232vw, -10px) scale(0.0759) rotate(371deg);
  animation: fall-3 36s -26s linear infinite;
}

@keyframes fall-3 {
  46.976% {
    transform: translate(62.7402vw, 46.976vh) scale(0.0759) rotate(216deg);
  }

  to {
    transform: translate(64.8317vw, 100vh) scale(0.0759) rotate(46deg);
  }
}

.heart:nth-child(4) {
  opacity: 0.3394;
  transform: translate(23.8724vw, -10px) scale(0.0637) rotate(175deg);
  animation: fall-4 22s -29s linear infinite;
}

@keyframes fall-4 {
  56.436% {
    transform: translate(27.9744vw, 56.436vh) scale(0.0637) rotate(-45deg);
  }

  to {
    transform: translate(25.9234vw, 100vh) scale(0.0637) rotate(-407deg);
  }
}

.heart:nth-child(5) {
  opacity: 0.5772;
  transform: translate(36.9753vw, -10px) scale(0.6881) rotate(174deg);
  animation: fall-5 30s -20s linear infinite;
}

@keyframes fall-5 {
  62.118% {
    transform: translate(36.2455vw, 62.118vh) scale(0.6881) rotate(-157deg);
  }

  to {
    transform: translate(36.6104vw, 100vh) scale(0.6881) rotate(12deg);
  }
}

.heart:nth-child(6) {
  opacity: 0.7897;
  transform: translate(25.4546vw, -10px) scale(0.9299) rotate(267deg);
  animation: fall-6 22s -29s linear infinite;
}

@keyframes fall-6 {
  45.91% {
    transform: translate(19.939vw, 45.91vh) scale(0.9299) rotate(382deg);
  }

  to {
    transform: translate(22.6968vw, 100vh) scale(0.9299) rotate(-185deg);
  }
}

.heart:nth-child(7) {
  opacity: 0.2831;
  transform: translate(49.8763vw, -10px) scale(0.3623) rotate(334deg);
  animation: fall-7 21s -4s linear infinite;
}

@keyframes fall-7 {
  38.566% {
    transform: translate(49.6845vw, 38.566vh) scale(0.3623) rotate(-455deg);
  }

  to {
    transform: translate(49.7804vw, 100vh) scale(0.3623) rotate(-39deg);
  }
}

.heart:nth-child(8) {
  opacity: 0.6925;
  transform: translate(55.4364vw, -10px) scale(0.3927) rotate(-507deg);
  animation: fall-8 40s -22s linear infinite;
}

@keyframes fall-8 {
  46.107% {
    transform: translate(62.9605vw, 46.107vh) scale(0.3927) rotate(-35deg);
  }

  to {
    transform: translate(59.19845vw, 100vh) scale(0.3927) rotate(-303deg);
  }
}

.heart:nth-child(9) {
  opacity: 0.2315;
  transform: translate(84.4383vw, -10px) scale(0.4297) rotate(-331deg);
  animation: fall-9 34s -16s linear infinite;
}

@keyframes fall-9 {
  79.8% {
    transform: translate(88.3678vw, 79.8vh) scale(0.4297) rotate(92deg);
  }

  to {
    transform: translate(86.40305vw, 100vh) scale(0.4297) rotate(-353deg);
  }
}

.heart:nth-child(10) {
  opacity: 0.7051;
  transform: translate(56.6771vw, -10px) scale(0.0014) rotate(129deg);
  animation: fall-10 20s -4s linear infinite;
}

@keyframes fall-10 {
  76.827% {
    transform: translate(61.2036vw, 76.827vh) scale(0.0014) rotate(-195deg);
  }

  to {
    transform: translate(58.94035vw, 100vh) scale(0.0014) rotate(-238deg);
  }
}

.heart:nth-child(11) {
  opacity: 0.3254;
  transform: translate(87.0999vw, -10px) scale(0.2668) rotate(192deg);
  animation: fall-11 39s -20s linear infinite;
}

@keyframes fall-11 {
  39.048% {
    transform: translate(80.5865vw, 39.048vh) scale(0.2668) rotate(280deg);
  }

  to {
    transform: translate(83.8432vw, 100vh) scale(0.2668) rotate(374deg);
  }
}

.heart:nth-child(12) {
  opacity: 0.7293;
  transform: translate(15.7708vw, -10px) scale(0.7147) rotate(-170deg);
  animation: fall-12 40s -30s linear infinite;
}

@keyframes fall-12 {
  62.449% {
    transform: translate(15.7854vw, 62.449vh) scale(0.7147) rotate(91deg);
  }

  to {
    transform: translate(15.7781vw, 100vh) scale(0.7147) rotate(361deg);
  }
}

.heart:nth-child(13) {
  opacity: 0.1226;
  transform: translate(33.1125vw, -10px) scale(0.005) rotate(-120deg);
  animation: fall-13 39s -2s linear infinite;
}

@keyframes fall-13 {
  53.275% {
    transform: translate(23.7408vw, 53.275vh) scale(0.005) rotate(-377deg);
  }

  to {
    transform: translate(28.42665vw, 100vh) scale(0.005) rotate(-225deg);
  }
}

.heart:nth-child(14) {
  opacity: 0.036;
  transform: translate(4.3167vw, -10px) scale(0.0962) rotate(117deg);
  animation: fall-14 34s -19s linear infinite;
}

@keyframes fall-14 {
  77.655% {
    transform: translate(7.5034vw, 77.655vh) scale(0.0962) rotate(311deg);
  }

  to {
    transform: translate(5.91005vw, 100vh) scale(0.0962) rotate(-174deg);
  }
}

.heart:nth-child(15) {
  opacity: 0.4505;
  transform: translate(29.9628vw, -10px) scale(0.3618) rotate(-233deg);
  animation: fall-15 24s -24s linear infinite;
}

@keyframes fall-15 {
  56.436% {
    transform: translate(38.7425vw, 56.436vh) scale(0.3618) rotate(-346deg);
  }

  to {
    transform: translate(34.35265vw, 100vh) scale(0.3618) rotate(-209deg);
  }
}

.heart:nth-child(16) {
  opacity: 0.6554;
  transform: translate(63.9307vw, -10px) scale(0.6609) rotate(45deg);
  animation: fall-16 29s -6s linear infinite;
}

@keyframes fall-16 {
  79.513% {
    transform: translate(63.983vw, 79.513vh) scale(0.6609) rotate(44deg);
  }

  to {
    transform: translate(63.95685vw, 100vh) scale(0.6609) rotate(254deg);
  }
}

.heart:nth-child(17) {
  opacity: 0.9012;
  transform: translate(46.526vw, -10px) scale(0.8054) rotate(124deg);
  animation: fall-17 20s -17s linear infinite;
}

@keyframes fall-17 {
  47.488% {
    transform: translate(40.2829vw, 47.488vh) scale(0.8054) rotate(333deg);
  }

  to {
    transform: translate(43.40445vw, 100vh) scale(0.8054) rotate(-347deg);
  }
}

.heart:nth-child(18) {
  opacity: 0.7454;
  transform: translate(87.8556vw, -10px) scale(0.576) rotate(426deg);
  animation: fall-18 20s -10s linear infinite;
}

@keyframes fall-18 {
  63.865% {
    transform: translate(89.1782vw, 63.865vh) scale(0.576) rotate(500deg);
  }

  to {
    transform: translate(88.5169vw, 100vh) scale(0.576) rotate(-381deg);
  }
}

.heart:nth-child(19) {
  opacity: 0.5914;
  transform: translate(92.7124vw, -10px) scale(0.5814) rotate(262deg);
  animation: fall-19 29s -28s linear infinite;
}

@keyframes fall-19 {
  65.598% {
    transform: translate(87.293vw, 65.598vh) scale(0.5814) rotate(59deg);
  }

  to {
    transform: translate(90.0027vw, 100vh) scale(0.5814) rotate(42deg);
  }
}

.heart:nth-child(20) {
  opacity: 0.5874;
  transform: translate(18.7757vw, -10px) scale(0.3495) rotate(-391deg);
  animation: fall-20 39s -19s linear infinite;
}

@keyframes fall-20 {
  60.732% {
    transform: translate(18.3667vw, 60.732vh) scale(0.3495) rotate(-181deg);
  }

  to {
    transform: translate(18.5712vw, 100vh) scale(0.3495) rotate(-375deg);
  }
}

.heart:nth-child(21) {
  opacity: 0.5527;
  transform: translate(6.98vw, -10px) scale(0.968) rotate(-514deg);
  animation: fall-21 28s -3s linear infinite;
}

@keyframes fall-21 {
  31.085% {
    transform: translate(8.9102vw, 31.085vh) scale(0.968) rotate(480deg);
  }

  to {
    transform: translate(7.9451vw, 100vh) scale(0.968) rotate(-432deg);
  }
}

.heart:nth-child(22) {
  opacity: 0.0328;
  transform: translate(3.7381vw, -10px) scale(0.8468) rotate(518deg);
  animation: fall-22 39s -22s linear infinite;
}

@keyframes fall-22 {
  75.204% {
    transform: translate(12.3328vw, 75.204vh) scale(0.8468) rotate(-352deg);
  }

  to {
    transform: translate(8.03545vw, 100vh) scale(0.8468) rotate(80deg);
  }
}

.heart:nth-child(23) {
  opacity: 0.7063;
  transform: translate(15.8317vw, -10px) scale(0.695) rotate(260deg);
  animation: fall-23 22s -11s linear infinite;
}

@keyframes fall-23 {
  61.687% {
    transform: translate(7.503vw, 61.687vh) scale(0.695) rotate(-232deg);
  }

  to {
    transform: translate(11.66735vw, 100vh) scale(0.695) rotate(218deg);
  }
}

.heart:nth-child(24) {
  opacity: 0.5994;
  transform: translate(25.4515vw, -10px) scale(0.1049) rotate(-8deg);
  animation: fall-24 26s -8s linear infinite;
}

@keyframes fall-24 {
  76.377% {
    transform: translate(18.1858vw, 76.377vh) scale(0.1049) rotate(-441deg);
  }

  to {
    transform: translate(21.81865vw, 100vh) scale(0.1049) rotate(-53deg);
  }
}

.heart:nth-child(25) {
  opacity: 0.4825;
  transform: translate(85.5042vw, -10px) scale(0.436) rotate(348deg);
  animation: fall-25 24s -10s linear infinite;
}

@keyframes fall-25 {
  48.954% {
    transform: translate(79.9397vw, 48.954vh) scale(0.436) rotate(25deg);
  }

  to {
    transform: translate(82.72195vw, 100vh) scale(0.436) rotate(530deg);
  }
}

.heart:nth-child(26) {
  opacity: 0.6364;
  transform: translate(41.1742vw, -10px) scale(0.3582) rotate(-170deg);
  animation: fall-26 20s -27s linear infinite;
}

@keyframes fall-26 {
  57.093% {
    transform: translate(39.9759vw, 57.093vh) scale(0.3582) rotate(-271deg);
  }

  to {
    transform: translate(40.57505vw, 100vh) scale(0.3582) rotate(-165deg);
  }
}

.heart:nth-child(27) {
  opacity: 0.1074;
  transform: translate(97.1903vw, -10px) scale(0.4973) rotate(-188deg);
  animation: fall-27 26s -5s linear infinite;
}

@keyframes fall-27 {
  56.274% {
    transform: translate(103.1635vw, 56.274vh) scale(0.4973) rotate(-317deg);
  }

  to {
    transform: translate(100.1769vw, 100vh) scale(0.4973) rotate(-15deg);
  }
}

.heart:nth-child(28) {
  opacity: 0.3509;
  transform: translate(99.136vw, -10px) scale(0.7262) rotate(-127deg);
  animation: fall-28 28s -14s linear infinite;
}

@keyframes fall-28 {
  58.387% {
    transform: translate(96.1161vw, 58.387vh) scale(0.7262) rotate(224deg);
  }

  to {
    transform: translate(97.62605vw, 100vh) scale(0.7262) rotate(22deg);
  }
}

.heart:nth-child(29) {
  opacity: 0.6825;
  transform: translate(33.5423vw, -10px) scale(0.5711) rotate(-71deg);
  animation: fall-29 34s -16s linear infinite;
}

@keyframes fall-29 {
  32.057% {
    transform: translate(26.6333vw, 32.057vh) scale(0.5711) rotate(122deg);
  }

  to {
    transform: translate(30.0878vw, 100vh) scale(0.5711) rotate(28deg);
  }
}

.heart:nth-child(30) {
  opacity: 0.347;
  transform: translate(48.9253vw, -10px) scale(0.0436) rotate(-170deg);
  animation: fall-30 32s -16s linear infinite;
}

@keyframes fall-30 {
  61.053% {
    transform: translate(57.8695vw, 61.053vh) scale(0.0436) rotate(319deg);
  }

  to {
    transform: translate(53.3974vw, 100vh) scale(0.0436) rotate(409deg);
  }
}

.heart:nth-child(31) {
  opacity: 0.7942;
  transform: translate(88.6049vw, -10px) scale(0.3758) rotate(150deg);
  animation: fall-31 28s -15s linear infinite;
}

@keyframes fall-31 {
  55.086% {
    transform: translate(88.7837vw, 55.086vh) scale(0.3758) rotate(231deg);
  }

  to {
    transform: translate(88.6943vw, 100vh) scale(0.3758) rotate(-261deg);
  }
}

.heart:nth-child(32) {
  opacity: 0.6182;
  transform: translate(18.3261vw, -10px) scale(0.0503) rotate(-113deg);
  animation: fall-32 34s -19s linear infinite;
}

@keyframes fall-32 {
  71.56% {
    transform: translate(22.1289vw, 71.56vh) scale(0.0503) rotate(-311deg);
  }

  to {
    transform: translate(20.2275vw, 100vh) scale(0.0503) rotate(-301deg);
  }
}

.heart:nth-child(33) {
  opacity: 0.8385;
  transform: translate(37.1514vw, -10px) scale(0.5447) rotate(445deg);
  animation: fall-33 22s -18s linear infinite;
}

@keyframes fall-33 {
  76.932% {
    transform: translate(33.2749vw, 76.932vh) scale(0.5447) rotate(-135deg);
  }

  to {
    transform: translate(35.21315vw, 100vh) scale(0.5447) rotate(16deg);
  }
}

.heart:nth-child(34) {
  opacity: 0.4348;
  transform: translate(59.0821vw, -10px) scale(0.7363) rotate(7deg);
  animation: fall-34 31s -18s linear infinite;
}

@keyframes fall-34 {
  79.122% {
    transform: translate(67.2239vw, 79.122vh) scale(0.7363) rotate(-420deg);
  }

  to {
    transform: translate(63.153vw, 100vh) scale(0.7363) rotate(-285deg);
  }
}

.heart:nth-child(35) {
  opacity: 0.1813;
  transform: translate(61.1355vw, -10px) scale(0.0273) rotate(44deg);
  animation: fall-35 34s -1s linear infinite;
}

@keyframes fall-35 {
  77.339% {
    transform: translate(67.6416vw, 77.339vh) scale(0.0273) rotate(400deg);
  }

  to {
    transform: translate(64.38855vw, 100vh) scale(0.0273) rotate(-442deg);
  }
}

.heart:nth-child(36) {
  opacity: 0.5588;
  transform: translate(85.7817vw, -10px) scale(0.7721) rotate(303deg);
  animation: fall-36 36s -19s linear infinite;
}

@keyframes fall-36 {
  46.248% {
    transform: translate(91.188vw, 46.248vh) scale(0.7721) rotate(-206deg);
  }

  to {
    transform: translate(88.48485vw, 100vh) scale(0.7721) rotate(300deg);
  }
}

.heart:nth-child(37) {
  opacity: 0.625;
  transform: translate(58.8905vw, -10px) scale(0.5668) rotate(385deg);
  animation: fall-37 35s -9s linear infinite;
}

@keyframes fall-37 {
  62.223% {
    transform: translate(60.7885vw, 62.223vh) scale(0.5668) rotate(-213deg);
  }

  to {
    transform: translate(59.8395vw, 100vh) scale(0.5668) rotate(-183deg);
  }
}

.heart:nth-child(38) {
  opacity: 0.8047;
  transform: translate(92.4606vw, -10px) scale(0.6996) rotate(-99deg);
  animation: fall-38 39s -15s linear infinite;
}

@keyframes fall-38 {
  43.685% {
    transform: translate(91.2237vw, 43.685vh) scale(0.6996) rotate(37deg);
  }

  to {
    transform: translate(91.84215vw, 100vh) scale(0.6996) rotate(-381deg);
  }
}

.heart:nth-child(39) {
  opacity: 0.5964;
  transform: translate(4.0042vw, -10px) scale(0.7925) rotate(61deg);
  animation: fall-39 24s -27s linear infinite;
}

@keyframes fall-39 {
  33.51% {
    transform: translate(7.245vw, 33.51vh) scale(0.7925) rotate(43deg);
  }

  to {
    transform: translate(5.6246vw, 100vh) scale(0.7925) rotate(502deg);
  }
}

.heart:nth-child(40) {
  opacity: 0.7484;
  transform: translate(27.1529vw, -10px) scale(0.7375) rotate(-172deg);
  animation: fall-40 22s -19s linear infinite;
}

@keyframes fall-40 {
  77.948% {
    transform: translate(25.9652vw, 77.948vh) scale(0.7375) rotate(452deg);
  }

  to {
    transform: translate(26.55905vw, 100vh) scale(0.7375) rotate(-336deg);
  }
}

.heart:nth-child(41) {
  opacity: 0.3797;
  transform: translate(40.292vw, -10px) scale(0.2072) rotate(-47deg);
  animation: fall-41 30s -9s linear infinite;
}

@keyframes fall-41 {
  61.504% {
    transform: translate(48.2978vw, 61.504vh) scale(0.2072) rotate(-321deg);
  }

  to {
    transform: translate(44.2949vw, 100vh) scale(0.2072) rotate(-63deg);
  }
}

.heart:nth-child(42) {
  opacity: 0.2293;
  transform: translate(23.2068vw, -10px) scale(0.3407) rotate(-319deg);
  animation: fall-42 31s -25s linear infinite;
}

@keyframes fall-42 {
  46.132% {
    transform: translate(22.2922vw, 46.132vh) scale(0.3407) rotate(91deg);
  }

  to {
    transform: translate(22.7495vw, 100vh) scale(0.3407) rotate(496deg);
  }
}

.heart:nth-child(43) {
  opacity: 0.9934;
  transform: translate(79.1736vw, -10px) scale(0.9481) rotate(394deg);
  animation: fall-43 24s -24s linear infinite;
}

@keyframes fall-43 {
  49.001% {
    transform: translate(71.5283vw, 49.001vh) scale(0.9481) rotate(-383deg);
  }

  to {
    transform: translate(75.35095vw, 100vh) scale(0.9481) rotate(186deg);
  }
}

.heart:nth-child(44) {
  opacity: 0.3788;
  transform: translate(5.1702vw, -10px) scale(0.4464) rotate(-301deg);
  animation: fall-44 40s -19s linear infinite;
}

@keyframes fall-44 {
  74.041% {
    transform: translate(14.7638vw, 74.041vh) scale(0.4464) rotate(125deg);
  }

  to {
    transform: translate(9.967vw, 100vh) scale(0.4464) rotate(-225deg);
  }
}

.heart:nth-child(45) {
  opacity: 0.1698;
  transform: translate(60.3915vw, -10px) scale(0.4615) rotate(-219deg);
  animation: fall-45 30s -10s linear infinite;
}

@keyframes fall-45 {
  31.188% {
    transform: translate(55.0002vw, 31.188vh) scale(0.4615) rotate(-157deg);
  }

  to {
    transform: translate(57.69585vw, 100vh) scale(0.4615) rotate(-281deg);
  }
}

.heart:nth-child(46) {
  opacity: 0.6004;
  transform: translate(7.1915vw, -10px) scale(0.8301) rotate(533deg);
  animation: fall-46 32s -28s linear infinite;
}

@keyframes fall-46 {
  72.106% {
    transform: translate(14.2451vw, 72.106vh) scale(0.8301) rotate(-290deg);
  }

  to {
    transform: translate(10.7183vw, 100vh) scale(0.8301) rotate(-531deg);
  }
}

.heart:nth-child(47) {
  opacity: 0.1466;
  transform: translate(83.2657vw, -10px) scale(0.5613) rotate(-436deg);
  animation: fall-47 40s -25s linear infinite;
}

@keyframes fall-47 {
  47.365% {
    transform: translate(87.7274vw, 47.365vh) scale(0.5613) rotate(-402deg);
  }

  to {
    transform: translate(85.49655vw, 100vh) scale(0.5613) rotate(-117deg);
  }
}

.heart:nth-child(48) {
  opacity: 0.3571;
  transform: translate(25.7147vw, -10px) scale(0.0262) rotate(311deg);
  animation: fall-48 26s -18s linear infinite;
}

@keyframes fall-48 {
  63.695% {
    transform: translate(25.808vw, 63.695vh) scale(0.0262) rotate(-469deg);
  }

  to {
    transform: translate(25.76135vw, 100vh) scale(0.0262) rotate(467deg);
  }
}

.heart:nth-child(49) {
  opacity: 0.118;
  transform: translate(89.3771vw, -10px) scale(0.6705) rotate(-383deg);
  animation: fall-49 27s -19s linear infinite;
}

@keyframes fall-49 {
  56.26% {
    transform: translate(83.0516vw, 56.26vh) scale(0.6705) rotate(-17deg);
  }

  to {
    transform: translate(86.21435vw, 100vh) scale(0.6705) rotate(-503deg);
  }
}

.heart:nth-child(50) {
  opacity: 0.901;
  transform: translate(17.2448vw, -10px) scale(0.6032) rotate(397deg);
  animation: fall-50 26s -6s linear infinite;
}

@keyframes fall-50 {
  36.359% {
    transform: translate(14.8357vw, 36.359vh) scale(0.6032) rotate(432deg);
  }

  to {
    transform: translate(16.04025vw, 100vh) scale(0.6032) rotate(272deg);
  }
}

.heart:nth-child(51) {
  opacity: 0.3422;
  transform: translate(0.0855vw, -10px) scale(0.6602) rotate(-275deg);
  animation: fall-51 26s -9s linear infinite;
}

@keyframes fall-51 {
  49.61% {
    transform: translate(5.8576vw, 49.61vh) scale(0.6602) rotate(-424deg);
  }

  to {
    transform: translate(2.97155vw, 100vh) scale(0.6602) rotate(87deg);
  }
}

.heart:nth-child(52) {
  opacity: 0.9561;
  transform: translate(87.6512vw, -10px) scale(0.3975) rotate(-209deg);
  animation: fall-52 22s -8s linear infinite;
}

@keyframes fall-52 {
  64.19% {
    transform: translate(81.9323vw, 64.19vh) scale(0.3975) rotate(-338deg);
  }

  to {
    transform: translate(84.79175vw, 100vh) scale(0.3975) rotate(-208deg);
  }
}

.heart:nth-child(53) {
  opacity: 0.3533;
  transform: translate(86.2175vw, -10px) scale(0.3584) rotate(-406deg);
  animation: fall-53 21s -7s linear infinite;
}

@keyframes fall-53 {
  32.319% {
    transform: translate(79.5735vw, 32.319vh) scale(0.3584) rotate(-19deg);
  }

  to {
    transform: translate(82.8955vw, 100vh) scale(0.3584) rotate(-8deg);
  }
}

.heart:nth-child(54) {
  opacity: 0.9883;
  transform: translate(82.6717vw, -10px) scale(0.7711) rotate(26deg);
  animation: fall-54 40s -21s linear infinite;
}

@keyframes fall-54 {
  74.29% {
    transform: translate(84.6581vw, 74.29vh) scale(0.7711) rotate(-416deg);
  }

  to {
    transform: translate(83.6649vw, 100vh) scale(0.7711) rotate(171deg);
  }
}

.heart:nth-child(55) {
  opacity: 0.5509;
  transform: translate(93.6947vw, -10px) scale(0.0498) rotate(-531deg);
  animation: fall-55 27s -25s linear infinite;
}

@keyframes fall-55 {
  79.765% {
    transform: translate(93.4799vw, 79.765vh) scale(0.0498) rotate(75deg);
  }

  to {
    transform: translate(93.5873vw, 100vh) scale(0.0498) rotate(485deg);
  }
}

.heart:nth-child(56) {
  opacity: 0.8467;
  transform: translate(45.3695vw, -10px) scale(0.8216) rotate(-370deg);
  animation: fall-56 27s -24s linear infinite;
}

@keyframes fall-56 {
  59.938% {
    transform: translate(36.9845vw, 59.938vh) scale(0.8216) rotate(182deg);
  }

  to {
    transform: translate(41.177vw, 100vh) scale(0.8216) rotate(67deg);
  }
}

.heart:nth-child(57) {
  opacity: 0.7443;
  transform: translate(61.7356vw, -10px) scale(0.0694) rotate(435deg);
  animation: fall-57 35s -16s linear infinite;
}

@keyframes fall-57 {
  54.042% {
    transform: translate(56.4612vw, 54.042vh) scale(0.0694) rotate(362deg);
  }

  to {
    transform: translate(59.0984vw, 100vh) scale(0.0694) rotate(45deg);
  }
}

.heart:nth-child(58) {
  opacity: 0.707;
  transform: translate(48.1712vw, -10px) scale(0.7911) rotate(70deg);
  animation: fall-58 22s -15s linear infinite;
}

@keyframes fall-58 {
  77.078% {
    transform: translate(55.8947vw, 77.078vh) scale(0.7911) rotate(-2deg);
  }

  to {
    transform: translate(52.03295vw, 100vh) scale(0.7911) rotate(195deg);
  }
}

.heart:nth-child(59) {
  opacity: 0.4749;
  transform: translate(13.7837vw, -10px) scale(0.885) rotate(-400deg);
  animation: fall-59 40s -8s linear infinite;
}

@keyframes fall-59 {
  58.536% {
    transform: translate(16.1447vw, 58.536vh) scale(0.885) rotate(473deg);
  }

  to {
    transform: translate(14.9642vw, 100vh) scale(0.885) rotate(229deg);
  }
}

.heart:nth-child(60) {
  opacity: 0.0726;
  transform: translate(12.8856vw, -10px) scale(0.7589) rotate(326deg);
  animation: fall-60 31s -27s linear infinite;
}

@keyframes fall-60 {
  72.343% {
    transform: translate(15.6359vw, 72.343vh) scale(0.7589) rotate(-81deg);
  }

  to {
    transform: translate(14.26075vw, 100vh) scale(0.7589) rotate(447deg);
  }
}

.heart:nth-child(61) {
  opacity: 0.6116;
  transform: translate(50.9337vw, -10px) scale(0.7835) rotate(-230deg);
  animation: fall-61 24s -27s linear infinite;
}

@keyframes fall-61 {
  74.009% {
    transform: translate(45.9309vw, 74.009vh) scale(0.7835) rotate(16deg);
  }

  to {
    transform: translate(48.4323vw, 100vh) scale(0.7835) rotate(-445deg);
  }
}

.heart:nth-child(62) {
  opacity: 0.9971;
  transform: translate(34.9981vw, -10px) scale(0.4356) rotate(-517deg);
  animation: fall-62 30s -23s linear infinite;
}

@keyframes fall-62 {
  65.608% {
    transform: translate(41.1756vw, 65.608vh) scale(0.4356) rotate(42deg);
  }

  to {
    transform: translate(38.08685vw, 100vh) scale(0.4356) rotate(-100deg);
  }
}

.heart:nth-child(63) {
  opacity: 0.8431;
  transform: translate(92.0501vw, -10px) scale(0.2405) rotate(-265deg);
  animation: fall-63 29s -13s linear infinite;
}

@keyframes fall-63 {
  53.847% {
    transform: translate(96.2839vw, 53.847vh) scale(0.2405) rotate(524deg);
  }

  to {
    transform: translate(94.167vw, 100vh) scale(0.2405) rotate(-198deg);
  }
}

.heart:nth-child(64) {
  opacity: 0.8679;
  transform: translate(69.2694vw, -10px) scale(0.8779) rotate(81deg);
  animation: fall-64 32s -24s linear infinite;
}

@keyframes fall-64 {
  42.352% {
    transform: translate(78.1367vw, 42.352vh) scale(0.8779) rotate(-296deg);
  }

  to {
    transform: translate(73.70305vw, 100vh) scale(0.8779) rotate(263deg);
  }
}

.heart:nth-child(65) {
  opacity: 0.0432;
  transform: translate(95.736vw, -10px) scale(0.4164) rotate(23deg);
  animation: fall-65 29s -15s linear infinite;
}

@keyframes fall-65 {
  74.411% {
    transform: translate(102.5008vw, 74.411vh) scale(0.4164) rotate(-344deg);
  }

  to {
    transform: translate(99.1184vw, 100vh) scale(0.4164) rotate(-80deg);
  }
}

.heart:nth-child(66) {
  opacity: 0.4176;
  transform: translate(88.8965vw, -10px) scale(0.1927) rotate(-122deg);
  animation: fall-66 26s -6s linear infinite;
}

@keyframes fall-66 {
  61.136% {
    transform: translate(82.2955vw, 61.136vh) scale(0.1927) rotate(-140deg);
  }

  to {
    transform: translate(85.596vw, 100vh) scale(0.1927) rotate(368deg);
  }
}

.heart:nth-child(67) {
  opacity: 0.5877;
  transform: translate(4.0385vw, -10px) scale(0.7075) rotate(-174deg);
  animation: fall-67 31s -12s linear infinite;
}

@keyframes fall-67 {
  48.072% {
    transform: translate(9.1953vw, 48.072vh) scale(0.7075) rotate(-520deg);
  }

  to {
    transform: translate(6.6169vw, 100vh) scale(0.7075) rotate(-226deg);
  }
}

.heart:nth-child(68) {
  opacity: 0.5929;
  transform: translate(26.0843vw, -10px) scale(0.6651) rotate(361deg);
  animation: fall-68 32s -2s linear infinite;
}

@keyframes fall-68 {
  55.964% {
    transform: translate(33.1212vw, 55.964vh) scale(0.6651) rotate(-507deg);
  }

  to {
    transform: translate(29.60275vw, 100vh) scale(0.6651) rotate(-363deg);
  }
}

.heart:nth-child(69) {
  opacity: 0.664;
  transform: translate(91.1659vw, -10px) scale(0.6648) rotate(371deg);
  animation: fall-69 30s -17s linear infinite;
}

@keyframes fall-69 {
  61.337% {
    transform: translate(85.5883vw, 61.337vh) scale(0.6648) rotate(-438deg);
  }

  to {
    transform: translate(88.3771vw, 100vh) scale(0.6648) rotate(-162deg);
  }
}

.heart:nth-child(70) {
  opacity: 0.0905;
  transform: translate(63.6809vw, -10px) scale(0.3964) rotate(145deg);
  animation: fall-70 27s -3s linear infinite;
}

@keyframes fall-70 {
  34.859% {
    transform: translate(57.3405vw, 34.859vh) scale(0.3964) rotate(74deg);
  }

  to {
    transform: translate(60.5107vw, 100vh) scale(0.3964) rotate(412deg);
  }
}

.heart:nth-child(71) {
  opacity: 0.8861;
  transform: translate(7.8975vw, -10px) scale(0.0414) rotate(-313deg);
  animation: fall-71 29s -29s linear infinite;
}

@keyframes fall-71 {
  79.509% {
    transform: translate(11.5501vw, 79.509vh) scale(0.0414) rotate(-403deg);
  }

  to {
    transform: translate(9.7238vw, 100vh) scale(0.0414) rotate(276deg);
  }
}

.heart:nth-child(72) {
  opacity: 0.2339;
  transform: translate(51.3241vw, -10px) scale(0.2168) rotate(310deg);
  animation: fall-72 21s -9s linear infinite;
}

@keyframes fall-72 {
  69.284% {
    transform: translate(59.5987vw, 69.284vh) scale(0.2168) rotate(123deg);
  }

  to {
    transform: translate(55.4614vw, 100vh) scale(0.2168) rotate(-409deg);
  }
}

.heart:nth-child(73) {
  opacity: 0.6553;
  transform: translate(14.8749vw, -10px) scale(0.9185) rotate(-342deg);
  animation: fall-73 23s -4s linear infinite;
}

@keyframes fall-73 {
  36.673% {
    transform: translate(16.7183vw, 36.673vh) scale(0.9185) rotate(-133deg);
  }

  to {
    transform: translate(15.7966vw, 100vh) scale(0.9185) rotate(-274deg);
  }
}

.heart:nth-child(74) {
  opacity: 0.7924;
  transform: translate(77.9773vw, -10px) scale(0.6766) rotate(-278deg);
  animation: fall-74 27s -23s linear infinite;
}

@keyframes fall-74 {
  78.411% {
    transform: translate(74.5208vw, 78.411vh) scale(0.6766) rotate(-354deg);
  }

  to {
    transform: translate(76.24905vw, 100vh) scale(0.6766) rotate(-226deg);
  }
}

.heart:nth-child(75) {
  opacity: 0.9976;
  transform: translate(10.4679vw, -10px) scale(0.1807) rotate(237deg);
  animation: fall-75 34s -11s linear infinite;
}

@keyframes fall-75 {
  36.084% {
    transform: translate(13.1745vw, 36.084vh) scale(0.1807) rotate(301deg);
  }

  to {
    transform: translate(11.8212vw, 100vh) scale(0.1807) rotate(-308deg);
  }
}

.heart:nth-child(76) {
  opacity: 0.5426;
  transform: translate(5.6001vw, -10px) scale(0.3774) rotate(99deg);
  animation: fall-76 35s -1s linear infinite;
}

@keyframes fall-76 {
  37.943% {
    transform: translate(7.2306vw, 37.943vh) scale(0.3774) rotate(130deg);
  }

  to {
    transform: translate(6.41535vw, 100vh) scale(0.3774) rotate(440deg);
  }
}

.heart:nth-child(77) {
  opacity: 0.8023;
  transform: translate(48.5618vw, -10px) scale(0.4021) rotate(173deg);
  animation: fall-77 35s -10s linear infinite;
}

@keyframes fall-77 {
  72.211% {
    transform: translate(56.5895vw, 72.211vh) scale(0.4021) rotate(-440deg);
  }

  to {
    transform: translate(52.57565vw, 100vh) scale(0.4021) rotate(470deg);
  }
}

.heart:nth-child(78) {
  opacity: 0.911;
  transform: translate(5.4083vw, -10px) scale(0.8988) rotate(483deg);
  animation: fall-78 37s -1s linear infinite;
}

@keyframes fall-78 {
  61.408% {
    transform: translate(14.7578vw, 61.408vh) scale(0.8988) rotate(307deg);
  }

  to {
    transform: translate(10.08305vw, 100vh) scale(0.8988) rotate(198deg);
  }
}

.heart:nth-child(79) {
  opacity: 0.7869;
  transform: translate(47.4434vw, -10px) scale(0.0901) rotate(-408deg);
  animation: fall-79 38s -30s linear infinite;
}

@keyframes fall-79 {
  44.457% {
    transform: translate(40.7595vw, 44.457vh) scale(0.0901) rotate(468deg);
  }

  to {
    transform: translate(44.10145vw, 100vh) scale(0.0901) rotate(-158deg);
  }
}

.heart:nth-child(80) {
  opacity: 0.7613;
  transform: translate(7.9115vw, -10px) scale(0.5792) rotate(27deg);
  animation: fall-80 22s -6s linear infinite;
}

@keyframes fall-80 {
  48.622% {
    transform: translate(6.2209vw, 48.622vh) scale(0.5792) rotate(417deg);
  }

  to {
    transform: translate(7.0662vw, 100vh) scale(0.5792) rotate(-512deg);
  }
}

.heart:nth-child(81) {
  opacity: 0.3705;
  transform: translate(75.4209vw, -10px) scale(0.1756) rotate(-94deg);
  animation: fall-81 28s -7s linear infinite;
}

@keyframes fall-81 {
  49.109% {
    transform: translate(81.4004vw, 49.109vh) scale(0.1756) rotate(286deg);
  }

  to {
    transform: translate(78.41065vw, 100vh) scale(0.1756) rotate(380deg);
  }
}

.heart:nth-child(82) {
  opacity: 0.8082;
  transform: translate(72.7835vw, -10px) scale(0.1444) rotate(148deg);
  animation: fall-82 35s -25s linear infinite;
}

@keyframes fall-82 {
  52.841% {
    transform: translate(67.3771vw, 52.841vh) scale(0.1444) rotate(285deg);
  }

  to {
    transform: translate(70.0803vw, 100vh) scale(0.1444) rotate(-532deg);
  }
}

.heart:nth-child(83) {
  opacity: 0.1896;
  transform: translate(91.0621vw, -10px) scale(0.201) rotate(423deg);
  animation: fall-83 32s -3s linear infinite;
}

@keyframes fall-83 {
  35.313% {
    transform: translate(99.9791vw, 35.313vh) scale(0.201) rotate(-133deg);
  }

  to {
    transform: translate(95.5206vw, 100vh) scale(0.201) rotate(480deg);
  }
}

.heart:nth-child(84) {
  opacity: 0.068;
  transform: translate(14.4093vw, -10px) scale(0.749) rotate(-365deg);
  animation: fall-84 25s -3s linear infinite;
}

@keyframes fall-84 {
  54.008% {
    transform: translate(5.1736vw, 54.008vh) scale(0.749) rotate(306deg);
  }

  to {
    transform: translate(9.79145vw, 100vh) scale(0.749) rotate(280deg);
  }
}

.heart:nth-child(85) {
  opacity: 0.0787;
  transform: translate(16.6286vw, -10px) scale(0.6902) rotate(-231deg);
  animation: fall-85 20s -21s linear infinite;
}

@keyframes fall-85 {
  38.489% {
    transform: translate(25.6613vw, 38.489vh) scale(0.6902) rotate(-66deg);
  }

  to {
    transform: translate(21.14495vw, 100vh) scale(0.6902) rotate(38deg);
  }
}

.heart:nth-child(86) {
  opacity: 0.4387;
  transform: translate(31.6817vw, -10px) scale(0.5292) rotate(351deg);
  animation: fall-86 30s -4s linear infinite;
}

@keyframes fall-86 {
  66.897% {
    transform: translate(40.8753vw, 66.897vh) scale(0.5292) rotate(366deg);
  }

  to {
    transform: translate(36.2785vw, 100vh) scale(0.5292) rotate(-242deg);
  }
}

.heart:nth-child(87) {
  opacity: 0.3273;
  transform: translate(46.6893vw, -10px) scale(0.107) rotate(-400deg);
  animation: fall-87 21s -4s linear infinite;
}

@keyframes fall-87 {
  30.198% {
    transform: translate(49.1479vw, 30.198vh) scale(0.107) rotate(-236deg);
  }

  to {
    transform: translate(47.9186vw, 100vh) scale(0.107) rotate(-213deg);
  }
}

.heart:nth-child(88) {
  opacity: 0.5193;
  transform: translate(43.3644vw, -10px) scale(0.0939) rotate(-106deg);
  animation: fall-88 40s -11s linear infinite;
}

@keyframes fall-88 {
  45.125% {
    transform: translate(47.5604vw, 45.125vh) scale(0.0939) rotate(399deg);
  }

  to {
    transform: translate(45.4624vw, 100vh) scale(0.0939) rotate(-408deg);
  }
}

.heart:nth-child(89) {
  opacity: 0.4972;
  transform: translate(97.495vw, -10px) scale(0.6195) rotate(-39deg);
  animation: fall-89 34s -25s linear infinite;
}

@keyframes fall-89 {
  41.574% {
    transform: translate(102.1141vw, 41.574vh) scale(0.6195) rotate(-523deg);
  }

  to {
    transform: translate(99.80455vw, 100vh) scale(0.6195) rotate(-42deg);
  }
}

.heart:nth-child(90) {
  opacity: 0.2598;
  transform: translate(25.622vw, -10px) scale(0.8475) rotate(391deg);
  animation: fall-90 34s -23s linear infinite;
}

@keyframes fall-90 {
  39.789% {
    transform: translate(25.5503vw, 39.789vh) scale(0.8475) rotate(185deg);
  }

  to {
    transform: translate(25.58615vw, 100vh) scale(0.8475) rotate(-16deg);
  }
}

.heart:nth-child(91) {
  opacity: 0.4018;
  transform: translate(52.8548vw, -10px) scale(0.0876) rotate(-445deg);
  animation: fall-91 22s -7s linear infinite;
}

@keyframes fall-91 {
  60.333% {
    transform: translate(44.7113vw, 60.333vh) scale(0.0876) rotate(275deg);
  }

  to {
    transform: translate(48.78305vw, 100vh) scale(0.0876) rotate(73deg);
  }
}

.heart:nth-child(92) {
  opacity: 0.2404;
  transform: translate(30.3791vw, -10px) scale(0.1916) rotate(112deg);
  animation: fall-92 34s -23s linear infinite;
}

@keyframes fall-92 {
  65.95% {
    transform: translate(37.6459vw, 65.95vh) scale(0.1916) rotate(-318deg);
  }

  to {
    transform: translate(34.0125vw, 100vh) scale(0.1916) rotate(-413deg);
  }
}

.heart:nth-child(93) {
  opacity: 0.2996;
  transform: translate(12.834vw, -10px) scale(0.7225) rotate(337deg);
  animation: fall-93 22s -3s linear infinite;
}

@keyframes fall-93 {
  48.587% {
    transform: translate(21.159vw, 48.587vh) scale(0.7225) rotate(-505deg);
  }

  to {
    transform: translate(16.9965vw, 100vh) scale(0.7225) rotate(-413deg);
  }
}

.heart:nth-child(94) {
  opacity: 0.9259;
  transform: translate(65.1942vw, -10px) scale(0.63) rotate(167deg);
  animation: fall-94 27s -29s linear infinite;
}

@keyframes fall-94 {
  45.64% {
    transform: translate(66.9786vw, 45.64vh) scale(0.63) rotate(177deg);
  }

  to {
    transform: translate(66.0864vw, 100vh) scale(0.63) rotate(-224deg);
  }
}

.heart:nth-child(95) {
  opacity: 0.0824;
  transform: translate(38.2214vw, -10px) scale(0.9733) rotate(-285deg);
  animation: fall-95 33s -10s linear infinite;
}

@keyframes fall-95 {
  49.579% {
    transform: translate(39.8607vw, 49.579vh) scale(0.9733) rotate(-242deg);
  }

  to {
    transform: translate(39.04105vw, 100vh) scale(0.9733) rotate(-222deg);
  }
}

.heart:nth-child(96) {
  opacity: 0.6657;
  transform: translate(78.2756vw, -10px) scale(0.0188) rotate(-443deg);
  animation: fall-96 32s -20s linear infinite;
}

@keyframes fall-96 {
  78.32% {
    transform: translate(78.6861vw, 78.32vh) scale(0.0188) rotate(-475deg);
  }

  to {
    transform: translate(78.48085vw, 100vh) scale(0.0188) rotate(279deg);
  }
}

.heart:nth-child(97) {
  opacity: 0.5909;
  transform: translate(96.0272vw, -10px) scale(0.4212) rotate(243deg);
  animation: fall-97 21s -15s linear infinite;
}

@keyframes fall-97 {
  69.509% {
    transform: translate(97.0969vw, 69.509vh) scale(0.4212) rotate(420deg);
  }

  to {
    transform: translate(96.56205vw, 100vh) scale(0.4212) rotate(253deg);
  }
}

.heart:nth-child(98) {
  opacity: 0.4054;
  transform: translate(16.5477vw, -10px) scale(0.757) rotate(177deg);
  animation: fall-98 24s -7s linear infinite;
}

@keyframes fall-98 {
  47.133% {
    transform: translate(19.6309vw, 47.133vh) scale(0.757) rotate(255deg);
  }

  to {
    transform: translate(18.0893vw, 100vh) scale(0.757) rotate(394deg);
  }
}

.heart:nth-child(99) {
  opacity: 0.8426;
  transform: translate(9.2723vw, -10px) scale(0.8063) rotate(-40deg);
  animation: fall-99 30s -24s linear infinite;
}

@keyframes fall-99 {
  78.66% {
    transform: translate(7.676vw, 78.66vh) scale(0.8063) rotate(-254deg);
  }

  to {
    transform: translate(8.47415vw, 100vh) scale(0.8063) rotate(519deg);
  }
}

.heart:nth-child(100) {
  opacity: 0.6769;
  transform: translate(5.8761vw, -10px) scale(0.0887) rotate(-372deg);
  animation: fall-100 27s -12s linear infinite;
}

@keyframes fall-100 {
  69.561% {
    transform: translate(-2.6599vw, 69.561vh) scale(0.0887) rotate(427deg);
  }

  to {
    transform: translate(1.6081vw, 100vh) scale(0.0887) rotate(-16deg);
  }
}

.heart:nth-child(101) {
  opacity: 0.2839;
  transform: translate(8.2248vw, -10px) scale(0.6401) rotate(127deg);
  animation: fall-101 32s -13s linear infinite;
}

@keyframes fall-101 {
  63.049% {
    transform: translate(10.205vw, 63.049vh) scale(0.6401) rotate(527deg);
  }

  to {
    transform: translate(9.2149vw, 100vh) scale(0.6401) rotate(296deg);
  }
}

.heart:nth-child(102) {
  opacity: 0.2268;
  transform: translate(48.5632vw, -10px) scale(0.798) rotate(478deg);
  animation: fall-102 23s -15s linear infinite;
}

@keyframes fall-102 {
  49.215% {
    transform: translate(41.4499vw, 49.215vh) scale(0.798) rotate(-242deg);
  }

  to {
    transform: translate(45.00655vw, 100vh) scale(0.798) rotate(2deg);
  }
}

.heart:nth-child(103) {
  opacity: 0.9025;
  transform: translate(69.3544vw, -10px) scale(0.4892) rotate(540deg);
  animation: fall-103 39s -16s linear infinite;
}

@keyframes fall-103 {
  35.935% {
    transform: translate(78.7882vw, 35.935vh) scale(0.4892) rotate(380deg);
  }

  to {
    transform: translate(74.0713vw, 100vh) scale(0.4892) rotate(529deg);
  }
}

.heart:nth-child(104) {
  opacity: 0.5203;
  transform: translate(97.8204vw, -10px) scale(0.6114) rotate(-328deg);
  animation: fall-104 24s -24s linear infinite;
}

@keyframes fall-104 {
  38.861% {
    transform: translate(100.7454vw, 38.861vh) scale(0.6114) rotate(-402deg);
  }

  to {
    transform: translate(99.2829vw, 100vh) scale(0.6114) rotate(483deg);
  }
}

.heart:nth-child(105) {
  opacity: 0.5118;
  transform: translate(73.0331vw, -10px) scale(0.942) rotate(335deg);
  animation: fall-105 29s -9s linear infinite;
}

@keyframes fall-105 {
  75.988% {
    transform: translate(79.9022vw, 75.988vh) scale(0.942) rotate(264deg);
  }

  to {
    transform: translate(76.46765vw, 100vh) scale(0.942) rotate(287deg);
  }
}

.heart:nth-child(106) {
  opacity: 0.5314;
  transform: translate(12.4853vw, -10px) scale(0.0311) rotate(212deg);
  animation: fall-106 36s -10s linear infinite;
}

@keyframes fall-106 {
  37.026% {
    transform: translate(20.9259vw, 37.026vh) scale(0.0311) rotate(312deg);
  }

  to {
    transform: translate(16.7056vw, 100vh) scale(0.0311) rotate(274deg);
  }
}

.heart:nth-child(107) {
  opacity: 0.3664;
  transform: translate(72.8163vw, -10px) scale(0.7239) rotate(517deg);
  animation: fall-107 31s -7s linear infinite;
}

@keyframes fall-107 {
  46.414% {
    transform: translate(65.6802vw, 46.414vh) scale(0.7239) rotate(276deg);
  }

  to {
    transform: translate(69.24825vw, 100vh) scale(0.7239) rotate(-535deg);
  }
}

.heart:nth-child(108) {
  opacity: 0.4384;
  transform: translate(57.4308vw, -10px) scale(0.3533) rotate(-330deg);
  animation: fall-108 37s -11s linear infinite;
}

@keyframes fall-108 {
  74.431% {
    transform: translate(60.6216vw, 74.431vh) scale(0.3533) rotate(152deg);
  }

  to {
    transform: translate(59.0262vw, 100vh) scale(0.3533) rotate(-267deg);
  }
}

.heart:nth-child(109) {
  opacity: 0.9663;
  transform: translate(92.0393vw, -10px) scale(0.214) rotate(-495deg);
  animation: fall-109 26s -19s linear infinite;
}

@keyframes fall-109 {
  32.803% {
    transform: translate(87.2627vw, 32.803vh) scale(0.214) rotate(-132deg);
  }

  to {
    transform: translate(89.651vw, 100vh) scale(0.214) rotate(-358deg);
  }
}

.heart:nth-child(110) {
  opacity: 0.7053;
  transform: translate(68.0036vw, -10px) scale(0.6563) rotate(290deg);
  animation: fall-110 26s -28s linear infinite;
}

@keyframes fall-110 {
  62.467% {
    transform: translate(58.319vw, 62.467vh) scale(0.6563) rotate(-246deg);
  }

  to {
    transform: translate(63.1613vw, 100vh) scale(0.6563) rotate(-371deg);
  }
}

.heart:nth-child(111) {
  opacity: 0.228;
  transform: translate(55.6521vw, -10px) scale(0.3783) rotate(85deg);
  animation: fall-111 28s -5s linear infinite;
}

@keyframes fall-111 {
  69.242% {
    transform: translate(53.4014vw, 69.242vh) scale(0.3783) rotate(-17deg);
  }

  to {
    transform: translate(54.52675vw, 100vh) scale(0.3783) rotate(-31deg);
  }
}

.heart:nth-child(112) {
  opacity: 0.6672;
  transform: translate(59.0201vw, -10px) scale(0.9092) rotate(-457deg);
  animation: fall-112 23s -5s linear infinite;
}

@keyframes fall-112 {
  57.42% {
    transform: translate(55.585vw, 57.42vh) scale(0.9092) rotate(-439deg);
  }

  to {
    transform: translate(57.30255vw, 100vh) scale(0.9092) rotate(166deg);
  }
}

.heart:nth-child(113) {
  opacity: 0.0841;
  transform: translate(94.6808vw, -10px) scale(0.0103) rotate(345deg);
  animation: fall-113 33s -23s linear infinite;
}

@keyframes fall-113 {
  53.085% {
    transform: translate(95.1624vw, 53.085vh) scale(0.0103) rotate(-378deg);
  }

  to {
    transform: translate(94.9216vw, 100vh) scale(0.0103) rotate(-276deg);
  }
}

.heart:nth-child(114) {
  opacity: 0.8519;
  transform: translate(35.2683vw, -10px) scale(0.3902) rotate(-163deg);
  animation: fall-114 25s -4s linear infinite;
}

@keyframes fall-114 {
  73.933% {
    transform: translate(30.6052vw, 73.933vh) scale(0.3902) rotate(232deg);
  }

  to {
    transform: translate(32.93675vw, 100vh) scale(0.3902) rotate(-23deg);
  }
}

.heart:nth-child(115) {
  opacity: 0.3254;
  transform: translate(65.5188vw, -10px) scale(0.2277) rotate(64deg);
  animation: fall-115 24s -21s linear infinite;
}

@keyframes fall-115 {
  39.751% {
    transform: translate(60.3216vw, 39.751vh) scale(0.2277) rotate(-187deg);
  }

  to {
    transform: translate(62.9202vw, 100vh) scale(0.2277) rotate(-79deg);
  }
}

.heart:nth-child(116) {
  opacity: 0.3662;
  transform: translate(64.7846vw, -10px) scale(0.8531) rotate(-18deg);
  animation: fall-116 40s -17s linear infinite;
}

@keyframes fall-116 {
  64.266% {
    transform: translate(64.2535vw, 64.266vh) scale(0.8531) rotate(206deg);
  }

  to {
    transform: translate(64.51905vw, 100vh) scale(0.8531) rotate(325deg);
  }
}

.heart:nth-child(117) {
  opacity: 0.8867;
  transform: translate(40.4103vw, -10px) scale(0.1998) rotate(-406deg);
  animation: fall-117 26s -25s linear infinite;
}

@keyframes fall-117 {
  61.328% {
    transform: translate(33.0632vw, 61.328vh) scale(0.1998) rotate(-483deg);
  }

  to {
    transform: translate(36.73675vw, 100vh) scale(0.1998) rotate(-404deg);
  }
}

.heart:nth-child(118) {
  opacity: 0.9964;
  transform: translate(50.2635vw, -10px) scale(0.9681) rotate(-258deg);
  animation: fall-118 40s -4s linear infinite;
}

@keyframes fall-118 {
  54.644% {
    transform: translate(58.6625vw, 54.644vh) scale(0.9681) rotate(271deg);
  }

  to {
    transform: translate(54.463vw, 100vh) scale(0.9681) rotate(219deg);
  }
}

.heart:nth-child(119) {
  opacity: 0.4654;
  transform: translate(39.0956vw, -10px) scale(0.9794) rotate(402deg);
  animation: fall-119 22s -11s linear infinite;
}

@keyframes fall-119 {
  42.347% {
    transform: translate(35.412vw, 42.347vh) scale(0.9794) rotate(35deg);
  }

  to {
    transform: translate(37.2538vw, 100vh) scale(0.9794) rotate(463deg);
  }
}

.heart:nth-child(120) {
  opacity: 0.5022;
  transform: translate(13.9518vw, -10px) scale(0.7811) rotate(-392deg);
  animation: fall-120 30s -26s linear infinite;
}

@keyframes fall-120 {
  32.504% {
    transform: translate(17.1939vw, 32.504vh) scale(0.7811) rotate(312deg);
  }

  to {
    transform: translate(15.57285vw, 100vh) scale(0.7811) rotate(517deg);
  }
}

.heart:nth-child(121) {
  opacity: 0.7976;
  transform: translate(14.355vw, -10px) scale(0.2692) rotate(387deg);
  animation: fall-121 35s -25s linear infinite;
}

@keyframes fall-121 {
  69.751% {
    transform: translate(10.5786vw, 69.751vh) scale(0.2692) rotate(-393deg);
  }

  to {
    transform: translate(12.4668vw, 100vh) scale(0.2692) rotate(491deg);
  }
}

.heart:nth-child(122) {
  opacity: 0.3309;
  transform: translate(52.4217vw, -10px) scale(0.3425) rotate(473deg);
  animation: fall-122 37s -13s linear infinite;
}

@keyframes fall-122 {
  49.965% {
    transform: translate(50.0326vw, 49.965vh) scale(0.3425) rotate(463deg);
  }

  to {
    transform: translate(51.22715vw, 100vh) scale(0.3425) rotate(56deg);
  }
}

.heart:nth-child(123) {
  opacity: 0.0943;
  transform: translate(55.2736vw, -10px) scale(0.592) rotate(3deg);
  animation: fall-123 31s -2s linear infinite;
}

@keyframes fall-123 {
  51.986% {
    transform: translate(54.8777vw, 51.986vh) scale(0.592) rotate(116deg);
  }

  to {
    transform: translate(55.07565vw, 100vh) scale(0.592) rotate(56deg);
  }
}

.heart:nth-child(124) {
  opacity: 0.2287;
  transform: translate(63.7547vw, -10px) scale(0.7643) rotate(271deg);
  animation: fall-124 20s -9s linear infinite;
}

@keyframes fall-124 {
  69.749% {
    transform: translate(63.1038vw, 69.749vh) scale(0.7643) rotate(450deg);
  }

  to {
    transform: translate(63.42925vw, 100vh) scale(0.7643) rotate(-223deg);
  }
}

.heart:nth-child(125) {
  opacity: 0.5788;
  transform: translate(91.3282vw, -10px) scale(0.2167) rotate(41deg);
  animation: fall-125 28s -14s linear infinite;
}

@keyframes fall-125 {
  57.205% {
    transform: translate(84.2218vw, 57.205vh) scale(0.2167) rotate(338deg);
  }

  to {
    transform: translate(87.775vw, 100vh) scale(0.2167) rotate(-451deg);
  }
}

.heart:nth-child(126) {
  opacity: 0.0986;
  transform: translate(13.7859vw, -10px) scale(0.5997) rotate(99deg);
  animation: fall-126 24s -10s linear infinite;
}

@keyframes fall-126 {
  60.102% {
    transform: translate(7.3969vw, 60.102vh) scale(0.5997) rotate(59deg);
  }

  to {
    transform: translate(10.5914vw, 100vh) scale(0.5997) rotate(-290deg);
  }
}

.heart:nth-child(127) {
  opacity: 0.3181;
  transform: translate(35.4305vw, -10px) scale(0.2473) rotate(513deg);
  animation: fall-127 27s -29s linear infinite;
}

@keyframes fall-127 {
  32.928% {
    transform: translate(35.4465vw, 32.928vh) scale(0.2473) rotate(-395deg);
  }

  to {
    transform: translate(35.4385vw, 100vh) scale(0.2473) rotate(271deg);
  }
}

.heart:nth-child(128) {
  opacity: 0.2094;
  transform: translate(25.1106vw, -10px) scale(0.8384) rotate(484deg);
  animation: fall-128 34s -12s linear infinite;
}

@keyframes fall-128 {
  50.556% {
    transform: translate(21.4466vw, 50.556vh) scale(0.8384) rotate(125deg);
  }

  to {
    transform: translate(23.2786vw, 100vh) scale(0.8384) rotate(477deg);
  }
}

.heart:nth-child(129) {
  opacity: 0.9302;
  transform: translate(4.6794vw, -10px) scale(0.0054) rotate(-61deg);
  animation: fall-129 29s -16s linear infinite;
}

@keyframes fall-129 {
  44.31% {
    transform: translate(0.238vw, 44.31vh) scale(0.0054) rotate(-288deg);
  }

  to {
    transform: translate(2.4587vw, 100vh) scale(0.0054) rotate(172deg);
  }
}

.heart:nth-child(130) {
  opacity: 0.9992;
  transform: translate(87.1488vw, -10px) scale(0.5571) rotate(-93deg);
  animation: fall-130 22s -18s linear infinite;
}

@keyframes fall-130 {
  42.852% {
    transform: translate(79.6686vw, 42.852vh) scale(0.5571) rotate(161deg);
  }

  to {
    transform: translate(83.4087vw, 100vh) scale(0.5571) rotate(-73deg);
  }
}

.heart:nth-child(131) {
  opacity: 0.7444;
  transform: translate(14.4664vw, -10px) scale(0.3499) rotate(-278deg);
  animation: fall-131 38s -18s linear infinite;
}

@keyframes fall-131 {
  43.717% {
    transform: translate(20.3121vw, 43.717vh) scale(0.3499) rotate(-33deg);
  }

  to {
    transform: translate(17.38925vw, 100vh) scale(0.3499) rotate(-336deg);
  }
}

.heart:nth-child(132) {
  opacity: 0.0662;
  transform: translate(88.3351vw, -10px) scale(0.7391) rotate(-341deg);
  animation: fall-132 40s -13s linear infinite;
}

@keyframes fall-132 {
  72.326% {
    transform: translate(92.6191vw, 72.326vh) scale(0.7391) rotate(-301deg);
  }

  to {
    transform: translate(90.4771vw, 100vh) scale(0.7391) rotate(-34deg);
  }
}

.heart:nth-child(133) {
  opacity: 0.4191;
  transform: translate(18.9748vw, -10px) scale(0.9704) rotate(84deg);
  animation: fall-133 34s -18s linear infinite;
}

@keyframes fall-133 {
  47.456% {
    transform: translate(24.6878vw, 47.456vh) scale(0.9704) rotate(-334deg);
  }

  to {
    transform: translate(21.8313vw, 100vh) scale(0.9704) rotate(254deg);
  }
}

.heart:nth-child(134) {
  opacity: 0.8856;
  transform: translate(41.4582vw, -10px) scale(0.1568) rotate(-442deg);
  animation: fall-134 28s -24s linear infinite;
}

@keyframes fall-134 {
  74.912% {
    transform: translate(50.9234vw, 74.912vh) scale(0.1568) rotate(139deg);
  }

  to {
    transform: translate(46.1908vw, 100vh) scale(0.1568) rotate(-177deg);
  }
}

.heart:nth-child(135) {
  opacity: 0.3124;
  transform: translate(42.8541vw, -10px) scale(0.8571) rotate(-349deg);
  animation: fall-135 29s -11s linear infinite;
}

@keyframes fall-135 {
  53.666% {
    transform: translate(46.6158vw, 53.666vh) scale(0.8571) rotate(435deg);
  }

  to {
    transform: translate(44.73495vw, 100vh) scale(0.8571) rotate(-83deg);
  }
}

.heart:nth-child(136) {
  opacity: 0.7955;
  transform: translate(38.693vw, -10px) scale(0.7035) rotate(-346deg);
  animation: fall-136 35s -11s linear infinite;
}

@keyframes fall-136 {
  50.285% {
    transform: translate(38.9661vw, 50.285vh) scale(0.7035) rotate(-135deg);
  }

  to {
    transform: translate(38.82955vw, 100vh) scale(0.7035) rotate(-335deg);
  }
}

.heart:nth-child(137) {
  opacity: 0.4811;
  transform: translate(99.6962vw, -10px) scale(0.3722) rotate(-312deg);
  animation: fall-137 25s -19s linear infinite;
}

@keyframes fall-137 {
  43.539% {
    transform: translate(106.3322vw, 43.539vh) scale(0.3722) rotate(388deg);
  }

  to {
    transform: translate(103.0142vw, 100vh) scale(0.3722) rotate(215deg);
  }
}

.heart:nth-child(138) {
  opacity: 0.1899;
  transform: translate(41.3696vw, -10px) scale(0.7983) rotate(-147deg);
  animation: fall-138 40s -27s linear infinite;
}

@keyframes fall-138 {
  41.419% {
    transform: translate(31.3743vw, 41.419vh) scale(0.7983) rotate(-491deg);
  }

  to {
    transform: translate(36.37195vw, 100vh) scale(0.7983) rotate(-386deg);
  }
}

.heart:nth-child(139) {
  opacity: 0.3651;
  transform: translate(69.1453vw, -10px) scale(0.7083) rotate(-418deg);
  animation: fall-139 33s -15s linear infinite;
}

@keyframes fall-139 {
  74.156% {
    transform: translate(67.2381vw, 74.156vh) scale(0.7083) rotate(-334deg);
  }

  to {
    transform: translate(68.1917vw, 100vh) scale(0.7083) rotate(181deg);
  }
}

.heart:nth-child(140) {
  opacity: 0.74;
  transform: translate(48.0856vw, -10px) scale(0.2006) rotate(10deg);
  animation: fall-140 33s -7s linear infinite;
}

@keyframes fall-140 {
  35.415% {
    transform: translate(48.6842vw, 35.415vh) scale(0.2006) rotate(-524deg);
  }

  to {
    transform: translate(48.3849vw, 100vh) scale(0.2006) rotate(288deg);
  }
}

.heart:nth-child(141) {
  opacity: 0.7714;
  transform: translate(21.7244vw, -10px) scale(0.5236) rotate(3deg);
  animation: fall-141 37s -25s linear infinite;
}

@keyframes fall-141 {
  72.377% {
    transform: translate(22.3472vw, 72.377vh) scale(0.5236) rotate(8deg);
  }

  to {
    transform: translate(22.0358vw, 100vh) scale(0.5236) rotate(-315deg);
  }
}

.heart:nth-child(142) {
  opacity: 0.1343;
  transform: translate(41.8598vw, -10px) scale(0.78) rotate(6deg);
  animation: fall-142 28s -9s linear infinite;
}

@keyframes fall-142 {
  42.894% {
    transform: translate(45.6249vw, 42.894vh) scale(0.78) rotate(353deg);
  }

  to {
    transform: translate(43.74235vw, 100vh) scale(0.78) rotate(352deg);
  }
}

.heart:nth-child(143) {
  opacity: 0.1437;
  transform: translate(73.5084vw, -10px) scale(0.3953) rotate(85deg);
  animation: fall-143 30s -15s linear infinite;
}

@keyframes fall-143 {
  44.743% {
    transform: translate(78.3935vw, 44.743vh) scale(0.3953) rotate(-344deg);
  }

  to {
    transform: translate(75.95095vw, 100vh) scale(0.3953) rotate(529deg);
  }
}

.heart:nth-child(144) {
  opacity: 0.642;
  transform: translate(73.7401vw, -10px) scale(0.7086) rotate(-501deg);
  animation: fall-144 38s -7s linear infinite;
}

@keyframes fall-144 {
  44.652% {
    transform: translate(81.4065vw, 44.652vh) scale(0.7086) rotate(368deg);
  }

  to {
    transform: translate(77.5733vw, 100vh) scale(0.7086) rotate(368deg);
  }
}

.heart:nth-child(145) {
  opacity: 0.1757;
  transform: translate(47.5766vw, -10px) scale(0.7232) rotate(299deg);
  animation: fall-145 21s -24s linear infinite;
}

@keyframes fall-145 {
  43.241% {
    transform: translate(41.5598vw, 43.241vh) scale(0.7232) rotate(291deg);
  }

  to {
    transform: translate(44.5682vw, 100vh) scale(0.7232) rotate(-225deg);
  }
}

.heart:nth-child(146) {
  opacity: 0.1422;
  transform: translate(89.8143vw, -10px) scale(0.4146) rotate(-287deg);
  animation: fall-146 33s -12s linear infinite;
}

@keyframes fall-146 {
  72.86% {
    transform: translate(99.7391vw, 72.86vh) scale(0.4146) rotate(444deg);
  }

  to {
    transform: translate(94.7767vw, 100vh) scale(0.4146) rotate(-82deg);
  }
}

.heart:nth-child(147) {
  opacity: 0.5787;
  transform: translate(51.8871vw, -10px) scale(0.213) rotate(463deg);
  animation: fall-147 26s -4s linear infinite;
}

@keyframes fall-147 {
  35.469% {
    transform: translate(42.7615vw, 35.469vh) scale(0.213) rotate(-412deg);
  }

  to {
    transform: translate(47.3243vw, 100vh) scale(0.213) rotate(280deg);
  }
}

.heart:nth-child(148) {
  opacity: 0.8736;
  transform: translate(54.1601vw, -10px) scale(0.1503) rotate(254deg);
  animation: fall-148 24s -9s linear infinite;
}

@keyframes fall-148 {
  68.917% {
    transform: translate(56.908vw, 68.917vh) scale(0.1503) rotate(-126deg);
  }

  to {
    transform: translate(55.53405vw, 100vh) scale(0.1503) rotate(318deg);
  }
}

.heart:nth-child(149) {
  opacity: 0.6645;
  transform: translate(30.9042vw, -10px) scale(0.1491) rotate(190deg);
  animation: fall-149 20s -25s linear infinite;
}

@keyframes fall-149 {
  30.05% {
    transform: translate(37.4361vw, 30.05vh) scale(0.1491) rotate(-117deg);
  }

  to {
    transform: translate(34.17015vw, 100vh) scale(0.1491) rotate(-171deg);
  }
}

.heart:nth-child(150) {
  opacity: 0.7357;
  transform: translate(30.8419vw, -10px) scale(0.2585) rotate(408deg);
  animation: fall-150 38s -14s linear infinite;
}

@keyframes fall-150 {
  53.412% {
    transform: translate(30.1042vw, 53.412vh) scale(0.2585) rotate(94deg);
  }

  to {
    transform: translate(30.47305vw, 100vh) scale(0.2585) rotate(-203deg);
  }
}

.heart:nth-child(151) {
  opacity: 0.3605;
  transform: translate(6.4147vw, -10px) scale(0.6414) rotate(-155deg);
  animation: fall-151 38s -5s linear infinite;
}

@keyframes fall-151 {
  66.544% {
    transform: translate(10.8015vw, 66.544vh) scale(0.6414) rotate(-498deg);
  }

  to {
    transform: translate(8.6081vw, 100vh) scale(0.6414) rotate(-340deg);
  }
}

.heart:nth-child(152) {
  opacity: 0.161;
  transform: translate(22.8728vw, -10px) scale(0.2841) rotate(326deg);
  animation: fall-152 24s -26s linear infinite;
}

@keyframes fall-152 {
  78.061% {
    transform: translate(16.1456vw, 78.061vh) scale(0.2841) rotate(-381deg);
  }

  to {
    transform: translate(19.5092vw, 100vh) scale(0.2841) rotate(-40deg);
  }
}

.heart:nth-child(153) {
  opacity: 0.9961;
  transform: translate(58.0137vw, -10px) scale(0.644) rotate(348deg);
  animation: fall-153 24s -28s linear infinite;
}

@keyframes fall-153 {
  41.904% {
    transform: translate(50.0175vw, 41.904vh) scale(0.644) rotate(-214deg);
  }

  to {
    transform: translate(54.0156vw, 100vh) scale(0.644) rotate(149deg);
  }
}

.heart:nth-child(154) {
  opacity: 0.0015;
  transform: translate(82.1549vw, -10px) scale(0.3246) rotate(254deg);
  animation: fall-154 20s -26s linear infinite;
}

@keyframes fall-154 {
  34.147% {
    transform: translate(86.9699vw, 34.147vh) scale(0.3246) rotate(72deg);
  }

  to {
    transform: translate(84.5624vw, 100vh) scale(0.3246) rotate(173deg);
  }
}

.heart:nth-child(155) {
  opacity: 0.3988;
  transform: translate(17.5974vw, -10px) scale(0.9211) rotate(193deg);
  animation: fall-155 20s -21s linear infinite;
}

@keyframes fall-155 {
  44.914% {
    transform: translate(21.2274vw, 44.914vh) scale(0.9211) rotate(107deg);
  }

  to {
    transform: translate(19.4124vw, 100vh) scale(0.9211) rotate(171deg);
  }
}

.heart:nth-child(156) {
  opacity: 0.0829;
  transform: translate(4.2236vw, -10px) scale(0.8273) rotate(-461deg);
  animation: fall-156 37s -19s linear infinite;
}

@keyframes fall-156 {
  42.506% {
    transform: translate(-1.0467vw, 42.506vh) scale(0.8273) rotate(-362deg);
  }

  to {
    transform: translate(1.58845vw, 100vh) scale(0.8273) rotate(-538deg);
  }
}

.heart:nth-child(157) {
  opacity: 0.8873;
  transform: translate(42.7584vw, -10px) scale(0.0436) rotate(532deg);
  animation: fall-157 33s -18s linear infinite;
}

@keyframes fall-157 {
  49.458% {
    transform: translate(39.9398vw, 49.458vh) scale(0.0436) rotate(456deg);
  }

  to {
    transform: translate(41.3491vw, 100vh) scale(0.0436) rotate(-20deg);
  }
}

.heart:nth-child(158) {
  opacity: 0.9307;
  transform: translate(45.209vw, -10px) scale(0.1917) rotate(78deg);
  animation: fall-158 20s -1s linear infinite;
}

@keyframes fall-158 {
  71.032% {
    transform: translate(50.4139vw, 71.032vh) scale(0.1917) rotate(-210deg);
  }

  to {
    transform: translate(47.81145vw, 100vh) scale(0.1917) rotate(212deg);
  }
}

.heart:nth-child(159) {
  opacity: 0.6255;
  transform: translate(11.1736vw, -10px) scale(0.3446) rotate(106deg);
  animation: fall-159 29s -21s linear infinite;
}

@keyframes fall-159 {
  50.855% {
    transform: translate(1.6978vw, 50.855vh) scale(0.3446) rotate(293deg);
  }

  to {
    transform: translate(6.4357vw, 100vh) scale(0.3446) rotate(318deg);
  }
}

.heart:nth-child(160) {
  opacity: 0.9672;
  transform: translate(22.9168vw, -10px) scale(0.5392) rotate(-424deg);
  animation: fall-160 34s -17s linear infinite;
}

@keyframes fall-160 {
  50.265% {
    transform: translate(23.5911vw, 50.265vh) scale(0.5392) rotate(-484deg);
  }

  to {
    transform: translate(23.25395vw, 100vh) scale(0.5392) rotate(-467deg);
  }
}

.heart:nth-child(161) {
  opacity: 0.0793;
  transform: translate(83.9729vw, -10px) scale(0.0235) rotate(-95deg);
  animation: fall-161 32s -4s linear infinite;
}

@keyframes fall-161 {
  33.316% {
    transform: translate(93.1774vw, 33.316vh) scale(0.0235) rotate(487deg);
  }

  to {
    transform: translate(88.57515vw, 100vh) scale(0.0235) rotate(336deg);
  }
}

.heart:nth-child(162) {
  opacity: 0.6598;
  transform: translate(61.0791vw, -10px) scale(0.7575) rotate(188deg);
  animation: fall-162 28s -9s linear infinite;
}

@keyframes fall-162 {
  31.26% {
    transform: translate(57.9154vw, 31.26vh) scale(0.7575) rotate(-203deg);
  }

  to {
    transform: translate(59.49725vw, 100vh) scale(0.7575) rotate(-64deg);
  }
}

.heart:nth-child(163) {
  opacity: 0.4204;
  transform: translate(58.396vw, -10px) scale(0.7421) rotate(69deg);
  animation: fall-163 27s -28s linear infinite;
}

@keyframes fall-163 {
  40.704% {
    transform: translate(51.8007vw, 40.704vh) scale(0.7421) rotate(269deg);
  }

  to {
    transform: translate(55.09835vw, 100vh) scale(0.7421) rotate(218deg);
  }
}

.heart:nth-child(164) {
  opacity: 0.1399;
  transform: translate(35.9818vw, -10px) scale(0.6581) rotate(87deg);
  animation: fall-164 35s -1s linear infinite;
}

@keyframes fall-164 {
  77.368% {
    transform: translate(26.1045vw, 77.368vh) scale(0.6581) rotate(516deg);
  }

  to {
    transform: translate(31.04315vw, 100vh) scale(0.6581) rotate(-150deg);
  }
}

.heart:nth-child(165) {
  opacity: 0.1119;
  transform: translate(40.6804vw, -10px) scale(0.3257) rotate(242deg);
  animation: fall-165 28s -8s linear infinite;
}

@keyframes fall-165 {
  36.8% {
    transform: translate(36.8368vw, 36.8vh) scale(0.3257) rotate(90deg);
  }

  to {
    transform: translate(38.7586vw, 100vh) scale(0.3257) rotate(-488deg);
  }
}

.heart:nth-child(166) {
  opacity: 0.3782;
  transform: translate(94.7417vw, -10px) scale(0.8143) rotate(146deg);
  animation: fall-166 30s -16s linear infinite;
}

@keyframes fall-166 {
  37.222% {
    transform: translate(89.184vw, 37.222vh) scale(0.8143) rotate(365deg);
  }

  to {
    transform: translate(91.96285vw, 100vh) scale(0.8143) rotate(-120deg);
  }
}

.heart:nth-child(167) {
  opacity: 0.7106;
  transform: translate(58.6768vw, -10px) scale(0.8009) rotate(-90deg);
  animation: fall-167 39s -19s linear infinite;
}

@keyframes fall-167 {
  53.961% {
    transform: translate(65.1251vw, 53.961vh) scale(0.8009) rotate(316deg);
  }

  to {
    transform: translate(61.90095vw, 100vh) scale(0.8009) rotate(-140deg);
  }
}

.heart:nth-child(168) {
  opacity: 0.5191;
  transform: translate(83.4285vw, -10px) scale(0.4647) rotate(-114deg);
  animation: fall-168 34s -17s linear infinite;
}

@keyframes fall-168 {
  69.071% {
    transform: translate(79.6205vw, 69.071vh) scale(0.4647) rotate(86deg);
  }

  to {
    transform: translate(81.5245vw, 100vh) scale(0.4647) rotate(105deg);
  }
}

.heart:nth-child(169) {
  opacity: 0.972;
  transform: translate(67.6821vw, -10px) scale(0.1682) rotate(236deg);
  animation: fall-169 38s -5s linear infinite;
}

@keyframes fall-169 {
  65.705% {
    transform: translate(76.4541vw, 65.705vh) scale(0.1682) rotate(56deg);
  }

  to {
    transform: translate(72.0681vw, 100vh) scale(0.1682) rotate(322deg);
  }
}

.heart:nth-child(170) {
  opacity: 0.1718;
  transform: translate(86.0975vw, -10px) scale(0.7147) rotate(-264deg);
  animation: fall-170 26s -13s linear infinite;
}

@keyframes fall-170 {
  68.74% {
    transform: translate(76.7083vw, 68.74vh) scale(0.7147) rotate(320deg);
  }

  to {
    transform: translate(81.4029vw, 100vh) scale(0.7147) rotate(95deg);
  }
}

.heart:nth-child(171) {
  opacity: 0.6877;
  transform: translate(12.8473vw, -10px) scale(0.663) rotate(329deg);
  animation: fall-171 37s -20s linear infinite;
}

@keyframes fall-171 {
  73.6% {
    transform: translate(14.7675vw, 73.6vh) scale(0.663) rotate(519deg);
  }

  to {
    transform: translate(13.8074vw, 100vh) scale(0.663) rotate(241deg);
  }
}

.heart:nth-child(172) {
  opacity: 0.8363;
  transform: translate(75.8288vw, -10px) scale(0.2269) rotate(451deg);
  animation: fall-172 23s -25s linear infinite;
}

@keyframes fall-172 {
  36.189% {
    transform: translate(85.4995vw, 36.189vh) scale(0.2269) rotate(239deg);
  }

  to {
    transform: translate(80.66415vw, 100vh) scale(0.2269) rotate(515deg);
  }
}

.heart:nth-child(173) {
  opacity: 0.2301;
  transform: translate(26.6395vw, -10px) scale(0.5193) rotate(-444deg);
  animation: fall-173 23s -7s linear infinite;
}

@keyframes fall-173 {
  77.8% {
    transform: translate(26.6474vw, 77.8vh) scale(0.5193) rotate(448deg);
  }

  to {
    transform: translate(26.64345vw, 100vh) scale(0.5193) rotate(223deg);
  }
}

.heart:nth-child(174) {
  opacity: 0.1309;
  transform: translate(44.3976vw, -10px) scale(0.0943) rotate(258deg);
  animation: fall-174 31s -16s linear infinite;
}

@keyframes fall-174 {
  37.403% {
    transform: translate(42.4825vw, 37.403vh) scale(0.0943) rotate(280deg);
  }

  to {
    transform: translate(43.44005vw, 100vh) scale(0.0943) rotate(4deg);
  }
}

.heart:nth-child(175) {
  opacity: 0.5868;
  transform: translate(39.6803vw, -10px) scale(0.2232) rotate(-177deg);
  animation: fall-175 26s -20s linear infinite;
}

@keyframes fall-175 {
  65.624% {
    transform: translate(47.9269vw, 65.624vh) scale(0.2232) rotate(433deg);
  }

  to {
    transform: translate(43.8036vw, 100vh) scale(0.2232) rotate(472deg);
  }
}

.heart:nth-child(176) {
  opacity: 0.0711;
  transform: translate(44.6925vw, -10px) scale(0.4547) rotate(351deg);
  animation: fall-176 34s -11s linear infinite;
}

@keyframes fall-176 {
  68.313% {
    transform: translate(42.6447vw, 68.313vh) scale(0.4547) rotate(295deg);
  }

  to {
    transform: translate(43.6686vw, 100vh) scale(0.4547) rotate(212deg);
  }
}

.heart:nth-child(177) {
  opacity: 0.0445;
  transform: translate(75.2221vw, -10px) scale(0.1023) rotate(-499deg);
  animation: fall-177 31s -13s linear infinite;
}

@keyframes fall-177 {
  59.427% {
    transform: translate(75.4268vw, 59.427vh) scale(0.1023) rotate(349deg);
  }

  to {
    transform: translate(75.32445vw, 100vh) scale(0.1023) rotate(-371deg);
  }
}

.heart:nth-child(178) {
  opacity: 0.0368;
  transform: translate(6.4895vw, -10px) scale(0.3076) rotate(382deg);
  animation: fall-178 21s -17s linear infinite;
}

@keyframes fall-178 {
  69.412% {
    transform: translate(12.3134vw, 69.412vh) scale(0.3076) rotate(515deg);
  }

  to {
    transform: translate(9.40145vw, 100vh) scale(0.3076) rotate(417deg);
  }
}

.heart:nth-child(179) {
  opacity: 0.6031;
  transform: translate(7.9926vw, -10px) scale(0.1372) rotate(377deg);
  animation: fall-179 37s -20s linear infinite;
}

@keyframes fall-179 {
  56.361% {
    transform: translate(10.4844vw, 56.361vh) scale(0.1372) rotate(-223deg);
  }

  to {
    transform: translate(9.2385vw, 100vh) scale(0.1372) rotate(-306deg);
  }
}

.heart:nth-child(180) {
  opacity: 0.998;
  transform: translate(23.7651vw, -10px) scale(0.9512) rotate(441deg);
  animation: fall-180 31s -14s linear infinite;
}

@keyframes fall-180 {
  73.613% {
    transform: translate(17.76vw, 73.613vh) scale(0.9512) rotate(-444deg);
  }

  to {
    transform: translate(20.76255vw, 100vh) scale(0.9512) rotate(237deg);
  }
}

.heart:nth-child(181) {
  opacity: 0.2395;
  transform: translate(22.2914vw, -10px) scale(0.2098) rotate(-540deg);
  animation: fall-181 33s -13s linear infinite;
}

@keyframes fall-181 {
  50.806% {
    transform: translate(19.2645vw, 50.806vh) scale(0.2098) rotate(300deg);
  }

  to {
    transform: translate(20.77795vw, 100vh) scale(0.2098) rotate(17deg);
  }
}

.heart:nth-child(182) {
  opacity: 0.5555;
  transform: translate(25.7493vw, -10px) scale(0.3491) rotate(-309deg);
  animation: fall-182 30s -26s linear infinite;
}

@keyframes fall-182 {
  55.914% {
    transform: translate(27.7275vw, 55.914vh) scale(0.3491) rotate(-129deg);
  }

  to {
    transform: translate(26.7384vw, 100vh) scale(0.3491) rotate(460deg);
  }
}

.heart:nth-child(183) {
  opacity: 0.0389;
  transform: translate(60.1571vw, -10px) scale(0.0989) rotate(71deg);
  animation: fall-183 33s -5s linear infinite;
}

@keyframes fall-183 {
  42.106% {
    transform: translate(69.9336vw, 42.106vh) scale(0.0989) rotate(-18deg);
  }

  to {
    transform: translate(65.04535vw, 100vh) scale(0.0989) rotate(372deg);
  }
}

.heart:nth-child(184) {
  opacity: 0.5327;
  transform: translate(63.7433vw, -10px) scale(0.0527) rotate(-277deg);
  animation: fall-184 31s -15s linear infinite;
}

@keyframes fall-184 {
  73.75% {
    transform: translate(57.9974vw, 73.75vh) scale(0.0527) rotate(-58deg);
  }

  to {
    transform: translate(60.87035vw, 100vh) scale(0.0527) rotate(-43deg);
  }
}

.heart:nth-child(185) {
  opacity: 0.643;
  transform: translate(42.3389vw, -10px) scale(0.4457) rotate(177deg);
  animation: fall-185 39s -8s linear infinite;
}

@keyframes fall-185 {
  54.25% {
    transform: translate(32.5311vw, 54.25vh) scale(0.4457) rotate(-209deg);
  }

  to {
    transform: translate(37.435vw, 100vh) scale(0.4457) rotate(-394deg);
  }
}

.heart:nth-child(186) {
  opacity: 0.9274;
  transform: translate(12.4121vw, -10px) scale(0.8805) rotate(-408deg);
  animation: fall-186 36s -17s linear infinite;
}

@keyframes fall-186 {
  35.578% {
    transform: translate(15.3125vw, 35.578vh) scale(0.8805) rotate(395deg);
  }

  to {
    transform: translate(13.8623vw, 100vh) scale(0.8805) rotate(-344deg);
  }
}

.heart:nth-child(187) {
  opacity: 0.19;
  transform: translate(79.2686vw, -10px) scale(0.0008) rotate(-200deg);
  animation: fall-187 35s -17s linear infinite;
}

@keyframes fall-187 {
  61.371% {
    transform: translate(79.0408vw, 61.371vh) scale(0.0008) rotate(-47deg);
  }

  to {
    transform: translate(79.1547vw, 100vh) scale(0.0008) rotate(491deg);
  }
}

.heart:nth-child(188) {
  opacity: 0.9378;
  transform: translate(66.5914vw, -10px) scale(0.3173) rotate(-127deg);
  animation: fall-188 23s -28s linear infinite;
}

@keyframes fall-188 {
  48.041% {
    transform: translate(67.7952vw, 48.041vh) scale(0.3173) rotate(417deg);
  }

  to {
    transform: translate(67.1933vw, 100vh) scale(0.3173) rotate(-209deg);
  }
}

.heart:nth-child(189) {
  opacity: 0.551;
  transform: translate(33.9532vw, -10px) scale(0.8889) rotate(520deg);
  animation: fall-189 39s -10s linear infinite;
}

@keyframes fall-189 {
  45.496% {
    transform: translate(35.554vw, 45.496vh) scale(0.8889) rotate(-522deg);
  }

  to {
    transform: translate(34.7536vw, 100vh) scale(0.8889) rotate(79deg);
  }
}

.heart:nth-child(190) {
  opacity: 0.3841;
  transform: translate(65.8052vw, -10px) scale(0.7304) rotate(-308deg);
  animation: fall-190 24s -6s linear infinite;
}

@keyframes fall-190 {
  46.448% {
    transform: translate(62.1373vw, 46.448vh) scale(0.7304) rotate(-426deg);
  }

  to {
    transform: translate(63.97125vw, 100vh) scale(0.7304) rotate(13deg);
  }
}

.heart:nth-child(191) {
  opacity: 0.5255;
  transform: translate(11.595vw, -10px) scale(0.5017) rotate(11deg);
  animation: fall-191 38s -18s linear infinite;
}

@keyframes fall-191 {
  57.344% {
    transform: translate(8.628vw, 57.344vh) scale(0.5017) rotate(526deg);
  }

  to {
    transform: translate(10.1115vw, 100vh) scale(0.5017) rotate(-529deg);
  }
}

.heart:nth-child(192) {
  opacity: 0.4652;
  transform: translate(75.8619vw, -10px) scale(0.4615) rotate(-448deg);
  animation: fall-192 31s -22s linear infinite;
}

@keyframes fall-192 {
  53.06% {
    transform: translate(85.5487vw, 53.06vh) scale(0.4615) rotate(-171deg);
  }

  to {
    transform: translate(80.7053vw, 100vh) scale(0.4615) rotate(-534deg);
  }
}

.heart:nth-child(193) {
  opacity: 0.6295;
  transform: translate(98.0449vw, -10px) scale(0.7337) rotate(272deg);
  animation: fall-193 32s -19s linear infinite;
}

@keyframes fall-193 {
  45.821% {
    transform: translate(90.7501vw, 45.821vh) scale(0.7337) rotate(-474deg);
  }

  to {
    transform: translate(94.3975vw, 100vh) scale(0.7337) rotate(-454deg);
  }
}

.heart:nth-child(194) {
  opacity: 0.7387;
  transform: translate(38.5733vw, -10px) scale(0.5537) rotate(-85deg);
  animation: fall-194 26s -25s linear infinite;
}

@keyframes fall-194 {
  71.893% {
    transform: translate(33.4621vw, 71.893vh) scale(0.5537) rotate(19deg);
  }

  to {
    transform: translate(36.0177vw, 100vh) scale(0.5537) rotate(264deg);
  }
}

.heart:nth-child(195) {
  opacity: 0.1304;
  transform: translate(64.3023vw, -10px) scale(0.5848) rotate(96deg);
  animation: fall-195 40s -14s linear infinite;
}

@keyframes fall-195 {
  72.347% {
    transform: translate(66.883vw, 72.347vh) scale(0.5848) rotate(-494deg);
  }

  to {
    transform: translate(65.59265vw, 100vh) scale(0.5848) rotate(8deg);
  }
}

.heart:nth-child(196) {
  opacity: 0.7265;
  transform: translate(41.5527vw, -10px) scale(0.57) rotate(-117deg);
  animation: fall-196 28s -21s linear infinite;
}

@keyframes fall-196 {
  72.752% {
    transform: translate(49.5753vw, 72.752vh) scale(0.57) rotate(-338deg);
  }

  to {
    transform: translate(45.564vw, 100vh) scale(0.57) rotate(-519deg);
  }
}

.heart:nth-child(197) {
  opacity: 0.689;
  transform: translate(54.0941vw, -10px) scale(0.8011) rotate(90deg);
  animation: fall-197 27s -24s linear infinite;
}

@keyframes fall-197 {
  66.831% {
    transform: translate(55.6621vw, 66.831vh) scale(0.8011) rotate(176deg);
  }

  to {
    transform: translate(54.8781vw, 100vh) scale(0.8011) rotate(505deg);
  }
}

.heart:nth-child(198) {
  opacity: 0.0807;
  transform: translate(91.1078vw, -10px) scale(0.0068) rotate(-54deg);
  animation: fall-198 35s -26s linear infinite;
}

@keyframes fall-198 {
  55.626% {
    transform: translate(83.4229vw, 55.626vh) scale(0.0068) rotate(-375deg);
  }

  to {
    transform: translate(87.26535vw, 100vh) scale(0.0068) rotate(-220deg);
  }
}

.heart:nth-child(199) {
  opacity: 0.9421;
  transform: translate(54.1441vw, -10px) scale(0.4614) rotate(-24deg);
  animation: fall-199 32s -2s linear infinite;
}

@keyframes fall-199 {
  38.08% {
    transform: translate(61.1036vw, 38.08vh) scale(0.4614) rotate(-494deg);
  }

  to {
    transform: translate(57.62385vw, 100vh) scale(0.4614) rotate(448deg);
  }
}

.heart:nth-child(200) {
  opacity: 0.8239;
  transform: translate(95.1992vw, -10px) scale(0.0106) rotate(-290deg);
  animation: fall-200 30s -20s linear infinite;
}

@keyframes fall-200 {
  41.331% {
    transform: translate(95.8764vw, 41.331vh) scale(0.0106) rotate(146deg);
  }

  to {
    transform: translate(95.5378vw, 100vh) scale(0.0106) rotate(-527deg);
  }
}