For you, sweetie!

Developer
Size
16,897 Kb
Views
20,240

How do I make an for you, sweetie!?

What is a for you, sweetie!? How do you make a for you, sweetie!? This script and codes were developed by Rahul Kumar on 14 October 2022, Friday.

For you, sweetie! Previews

For you, sweetie! - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>For you, sweetie!</title> <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container"> <div class="box"> <svg style="display: none;" xmlns="http://www.w3.org/2000/svg"><symbol id="codepen-logo" viewBox="0 0 120 120"><path class="outer-ring" d="M60.048 0C26.884 0 0 26.9 0 60.048s26.884 60 60 60.047c33.163 0 60.047-26.883 60.047-60.047 S93.211 0 60 0z M60.048 110.233c-27.673 0-50.186-22.514-50.186-50.186S32.375 9.9 60 9.9 c27.672 0 50.2 22.5 50.2 50.186S87.72 110.2 60 110.233z"/><path class="inner-box" d="M97.147 48.319c-0.007-0.047-0.019-0.092-0.026-0.139c-0.016-0.09-0.032-0.18-0.056-0.268 c-0.014-0.053-0.033-0.104-0.05-0.154c-0.025-0.078-0.051-0.156-0.082-0.232c-0.021-0.053-0.047-0.105-0.071-0.156 c-0.033-0.072-0.068-0.143-0.108-0.211c-0.029-0.051-0.061-0.1-0.091-0.148c-0.043-0.066-0.087-0.131-0.135-0.193 c-0.035-0.047-0.072-0.094-0.109-0.139c-0.051-0.059-0.104-0.117-0.159-0.172c-0.042-0.043-0.083-0.086-0.127-0.125 c-0.059-0.053-0.119-0.104-0.181-0.152c-0.048-0.037-0.095-0.074-0.145-0.109c-0.019-0.012-0.035-0.027-0.053-0.039L61.817 23.5 c-1.072-0.715-2.468-0.715-3.54 0L24.34 46.081c-0.018 0.012-0.034 0.027-0.053 0.039c-0.05 0.035-0.097 0.072-0.144 0.1 c-0.062 0.049-0.123 0.1-0.181 0.152c-0.045 0.039-0.086 0.082-0.128 0.125c-0.056 0.055-0.108 0.113-0.158 0.2 c-0.038 0.045-0.075 0.092-0.11 0.139c-0.047 0.062-0.092 0.127-0.134 0.193c-0.032 0.049-0.062 0.098-0.092 0.1 c-0.039 0.068-0.074 0.139-0.108 0.211c-0.024 0.051-0.05 0.104-0.071 0.156c-0.031 0.076-0.057 0.154-0.082 0.2 c-0.017 0.051-0.035 0.102-0.05 0.154c-0.023 0.088-0.039 0.178-0.056 0.268c-0.008 0.047-0.02 0.092-0.025 0.1 c-0.019 0.137-0.029 0.275-0.029 0.416V71.36c0 0.1 0 0.3 0 0.418c0.006 0 0 0.1 0 0.1 c0.017 0.1 0 0.2 0.1 0.268c0.015 0.1 0 0.1 0.1 0.154c0.025 0.1 0.1 0.2 0.1 0.2 c0.021 0.1 0 0.1 0.1 0.154c0.034 0.1 0.1 0.1 0.1 0.213c0.029 0 0.1 0.1 0.1 0.1 c0.042 0.1 0.1 0.1 0.1 0.193c0.035 0 0.1 0.1 0.1 0.139c0.05 0.1 0.1 0.1 0.2 0.2 c0.042 0 0.1 0.1 0.1 0.125c0.058 0.1 0.1 0.1 0.2 0.152c0.047 0 0.1 0.1 0.1 0.1 c0.019 0 0 0 0.1 0.039L58.277 96.64c0.536 0.4 1.2 0.5 1.8 0.537c0.616 0 1.233-0.18 1.77-0.537 l33.938-22.625c0.018-0.012 0.034-0.027 0.053-0.039c0.05-0.035 0.097-0.072 0.145-0.109c0.062-0.049 0.122-0.1 0.181-0.152 c0.044-0.039 0.085-0.082 0.127-0.125c0.056-0.055 0.108-0.113 0.159-0.172c0.037-0.045 0.074-0.09 0.109-0.139 c0.048-0.062 0.092-0.127 0.135-0.193c0.03-0.049 0.062-0.098 0.091-0.146c0.04-0.07 0.075-0.141 0.108-0.213 c0.024-0.051 0.05-0.102 0.071-0.154c0.031-0.078 0.057-0.156 0.082-0.234c0.017-0.051 0.036-0.102 0.05-0.154 c0.023-0.088 0.04-0.178 0.056-0.268c0.008-0.045 0.02-0.092 0.026-0.137c0.018-0.139 0.028-0.277 0.028-0.418V48.735 C97.176 48.6 97.2 48.5 97.1 48.319z M63.238 32.073l25.001 16.666L77.072 56.21l-13.834-9.254V32.073z M56.856 32.1 v14.883L43.023 56.21l-11.168-7.471L56.856 32.073z M29.301 54.708l7.983 5.34l-7.983 5.34V54.708z M56.856 88.022L31.855 71.4 l11.168-7.469l13.833 9.252V88.022z M60.048 67.597l-11.286-7.549l11.286-7.549l11.285 7.549L60.048 67.597z M63.238 88.022V73.14 l13.834-9.252l11.167 7.469L63.238 88.022z M90.794 65.388l-7.982-5.34l7.982-5.34V65.388z"/></symbol></svg> <div class="box__inner"> <div class="box__inner-wrapper"> <h1 class="box__inner-heading">Elif, You <span>look</span> Beautiful Today! As you always look.</h1> <div class="box__inner-hearts"> </div> <div data-btn='inner' class="box__btn box__btn--inner"> <i class="fa fa-heart fa-heart-btn fa-heart-btn--inner" aria-hidden="true"></i> </div> </div> </div> <!-- box__inner end --> <div class="box__outer"> <div class="box__outer-wrapper"> <h1 class="box__outer-heading">Made with Love</h1> <svg class="box__outer-logo beat-logo"> <use xlink:href="#codepen-logo"></use>
</svg> <div data-btn='outer' class="box__btn box__btn--outer scale-in-btn-outer"> <i class="fa fa-heart fa-heart-btn fa-heart-btn--outer" aria-hidden="true"></i> </div> <p class="box__outer-click">Click</p> </div> </div> <!-- box__outer end --> </div>
</div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

For you, sweetie! - Script Codes CSS Codes

html { box-sizing: border-box;
}
*, *:before, *:after { box-sizing: inherit; margin: 0; padding: 0;
}
body { overflow: hidden;
}
.container { height: 100vh; font-family: 'Indie Flower', cursive; background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/537051/codepen-logo.png"); overflow: hidden;
}
.box { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 80%; height: 80%; -webkit-perspective: 2000px; perspective: 2000px; z-index: 1;
}
.box__inner { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; border-radius: 25px; background-color: #F75A7B; box-shadow: 0 0 3px 1px #F75A7B; -webkit-transform: translate3d(0, 0, 0) rotateY(30deg); transform: translate3d(0, 0, 0) rotateY(30deg); will-change: transform; opacity: 0; z-index: -1; -webkit-transition: z-index 0ms 500ms; transition: z-index 0ms 500ms;
}
.box__inner-heading { text-align: center; text-transform: uppercase; letter-spacing: 5px; color: #fff; family: 'Indie Flower', cursive; font-size: 45px; font-weight: 300; text-shadow: 0 0 1px #fff;
}
.box__inner-heading span { font-weight: 600; text-shadow: 0 0 2px #fff;
}
.box__inner-wrapper { position: relative;
}
.box__inner-hearts { position: absolute; top: 20px; left: -2%; width: 92%;
}
.box__outer { position: absolute; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: 20px; -webkit-transition: opacity 500ms 500ms; transition: opacity 500ms 500ms;
}
.box__outer:after, .box__outer:before { content: ''; position: absolute; top: 65%; left: 50%; width: 90px; height: 1px; background-color: #888; -webkit-transform: translateX(-165%); transform: translateX(-165%);
}
.box__outer:before { -webkit-transform: translateX(165%); transform: translateX(165%); left: initial; right: 50%;
}
.box__outer-heading { text-align: center; padding-bottom: 30px; font-size: 45px;
}
.box__outer-click { margin-top: 10px; font-size: 20px; text-align: center;
}
.box__outer-logo { position: absolute; width: 65px; height: 65px; left: 50%; -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); opacity: 0;
}
.box__btn { position: relative; width: 75px; height: 75px; border-radius: 50%; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); will-change: transform; -webkit-transition: 200ms; transition: 200ms;
}
.box__btn .fa-heart-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; opacity: 1;
}
.box__btn .fa-heart-btn--inner { color: #F75A7B;
}
.box__btn--inner { margin: 75px auto 0 auto;
}
.box__btn--inner:after, .box__btn--inner:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-radius: 50%;
}
.box__btn--inner:after { width: 12px; height: 12px; will-change: box-shadow, opacity; box-shadow: 10.3923px -77.875px 1px -6px #fff, 11.81769px -69.79122px 1px -6px #fff, 7.71345px -62.68247px 1px -6px #fff, 0px -59.875px 1px -6px #fff, -7.71345px -62.68247px 1px -6px #fff, -11.81769px -69.79122px 1px -6px #fff, -10.3923px -77.875px 1px -6px #fff, -4.10424px -83.15131px 1px -6px #fff, 4.10424px -83.15131px 1px -6px #fff, 58.01805px -52.97567px 1px -6px #fff, 53.91381px -45.86691px 1px -6px #fff, 46.20036px -43.05944px 1px -6px #fff, 38.48691px -45.86691px 1px -6px #fff, 34.38267px -52.97567px 1px -6px #fff, 35.80805px -61.05944px 1px -6px #fff, 42.09612px -66.33576px 1px -6px #fff, 50.3046px -66.33576px 1px -6px #fff, 56.59266px -61.05944px 1px -6px #fff, 78.49651px -3.28843px 1px -6px #fff, 70.78306px -0.48096px 1px -6px #fff, 63.06961px -3.28843px 1px -6px #fff, 58.96536px -10.39718px 1px -6px #fff, 60.39075px -18.48096px 1px -6px #fff, 66.67882px -23.75727px 1px -6px #fff, 74.8873px -23.75727px 1px -6px #fff, 81.17536px -18.48096px 1px -6px #fff, 82.60075px -10.39718px 1px -6px #fff, 62.24558px 47.9375px 1px -6px #fff, 54.53212px 45.13003px 1px -6px #fff, 50.42788px 38.02128px 1px -6px #fff, 51.85327px 29.9375px 1px -6px #fff, 58.14133px 24.66119px 1px -6px #fff, 66.34982px 24.66119px 1px -6px #fff, 72.63788px 29.9375px 1px -6px #fff, 74.06327px 38.02128px 1px -6px #fff, 69.95903px 45.13003px 1px -6px #fff, 16.86925px 76.73294px 1px -6px #fff, 12.765px 69.62419px 1px -6px #fff, 14.19039px 61.54041px 1px -6px #fff, 20.47846px 56.2641px 1px -6px #fff, 28.68694px 56.2641px 1px -6px #fff, 34.975px 61.54041px 1px -6px #fff, 36.40039px 69.62419px 1px -6px #fff, 32.29615px 76.73294px 1px -6px #fff, 24.5827px 79.54041px 1px -6px #fff, -36.40039px 69.62419px 1px -6px #fff, -34.975px 61.54041px 1px -6px #fff, -28.68694px 56.2641px 1px -6px #fff, -20.47846px 56.2641px 1px -6px #fff, -14.19039px 61.54041px 1px -6px #fff, -12.765px 69.62419px 1px -6px #fff, -16.86925px 76.73294px 1px -6px #fff, -24.5827px 79.54041px 1px -6px #fff, -32.29615px 76.73294px 1px -6px #fff, -72.63788px 29.9375px 1px -6px #fff, -66.34982px 24.66119px 1px -6px #fff, -58.14133px 24.66119px 1px -6px #fff, -51.85327px 29.9375px 1px -6px #fff, -50.42788px 38.02128px 1px -6px #fff, -54.53212px 45.13003px 1px -6px #fff, -62.24558px 47.9375px 1px -6px #fff, -69.95903px 45.13003px 1px -6px #fff, -74.06327px 38.02128px 1px -6px #fff, -74.8873px -23.75727px 1px -6px #fff, -66.67882px -23.75727px 1px -6px #fff, -60.39075px -18.48096px 1px -6px #fff, -58.96536px -10.39718px 1px -6px #fff, -63.06961px -3.28843px 1px -6px #fff, -70.78306px -0.48096px 1px -6px #fff, -78.49651px -3.28843px 1px -6px #fff, -82.60075px -10.39718px 1px -6px #fff, -81.17536px -18.48096px 1px -6px #fff, -42.09612px -66.33576px 1px -6px #fff, -35.80805px -61.05944px 1px -6px #fff, -34.38267px -52.97567px 1px -6px #fff, -38.48691px -45.86691px 1px -6px #fff, -46.20036px -43.05944px 1px -6px #fff, -53.91381px -45.86691px 1px -6px #fff, -58.01805px -52.97567px 1px -6px #fff, -56.59266px -61.05944px 1px -6px #fff, -50.3046px -66.33576px 1px -6px #fff;
}
.box__btn--inner:before { width: 100%; height: 100%; background-color: #fff; box-shadow: 0 0 1px #fff, 0 7px 25px -1px #3c3c3c; -webkit-transition: 200ms; transition: 200ms;
}
.box__btn--inner:hover:before { background-color: #F75A7B; box-shadow: 0 0 1px 5px #fff, 0 7px 25px -1px #3c3c3c;
}
.box__btn--inner:hover .fa-heart-btn--inner { color: #fff;
}
.box__btn--outer { position: relative; -webkit-transform: scale(0); transform: scale(0); margin: auto;
}
.box__btn--outer:after, .box__btn--outer:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-radius: 50%;
}
.box__btn--outer:after { width: 10px; height: 10px; will-change: box-shadow, opacity; box-shadow: 8.66025px -76.875px 1px -5px rgba(247, 90, 123, 0.6), 9.84808px -70.13852px 1px -5px rgba(247, 90, 123, 0.6), 6.42788px -64.21456px 1px -5px rgba(247, 90, 123, 0.6), 0px -61.875px 1px -5px rgba(247, 90, 123, 0.6), -6.42788px -64.21456px 1px -5px rgba(247, 90, 123, 0.6), -9.84808px -70.13852px 1px -5px rgba(247, 90, 123, 0.6), -8.66025px -76.875px 1px -5px rgba(247, 90, 123, 0.6), -3.4202px -81.27193px 1px -5px rgba(247, 90, 123, 0.6), 3.4202px -81.27193px 1px -5px rgba(247, 90, 123, 0.6), 56.04844px -53.32296px 1px -5px rgba(247, 90, 123, 0.6), 52.62824px -47.399px 1px -5px rgba(247, 90, 123, 0.6), 46.20036px -45.05944px 1px -5px rgba(247, 90, 123, 0.6), 39.77248px -47.399px 1px -5px rgba(247, 90, 123, 0.6), 36.35228px -53.32296px 1px -5px rgba(247, 90, 123, 0.6), 37.54011px -60.05944px 1px -5px rgba(247, 90, 123, 0.6), 42.78016px -64.45637px 1px -5px rgba(247, 90, 123, 0.6), 49.62056px -64.45637px 1px -5px rgba(247, 90, 123, 0.6), 54.86061px -60.05944px 1px -5px rgba(247, 90, 123, 0.6), 77.21093px -4.82052px 1px -5px rgba(247, 90, 123, 0.6), 70.78306px -2.48096px 1px -5px rgba(247, 90, 123, 0.6), 64.35518px -4.82052px 1px -5px rgba(247, 90, 123, 0.6), 60.93498px -10.74448px 1px -5px rgba(247, 90, 123, 0.6), 62.1228px -17.48096px 1px -5px rgba(247, 90, 123, 0.6), 67.36286px -21.87789px 1px -5px rgba(247, 90, 123, 0.6), 74.20326px -21.87789px 1px -5px rgba(247, 90, 123, 0.6), 79.44331px -17.48096px 1px -5px rgba(247, 90, 123, 0.6), 80.63113px -10.74448px 1px -5px rgba(247, 90, 123, 0.6), 62.24558px 45.9375px 1px -5px rgba(247, 90, 123, 0.6), 55.8177px 43.59794px 1px -5px rgba(247, 90, 123, 0.6), 52.3975px 37.67398px 1px -5px rgba(247, 90, 123, 0.6), 53.58532px 30.9375px 1px -5px rgba(247, 90, 123, 0.6), 58.82537px 26.54057px 1px -5px rgba(247, 90, 123, 0.6), 65.66578px 26.54057px 1px -5px rgba(247, 90, 123, 0.6), 70.90583px 30.9375px 1px -5px rgba(247, 90, 123, 0.6), 72.09365px 37.67398px 1px -5px rgba(247, 90, 123, 0.6), 68.67345px 43.59794px 1px -5px rgba(247, 90, 123, 0.6), 18.15482px 75.20085px 1px -5px rgba(247, 90, 123, 0.6), 14.73462px 69.27689px 1px -5px rgba(247, 90, 123, 0.6), 15.92244px 62.54041px 1px -5px rgba(247, 90, 123, 0.6), 21.1625px 58.14348px 1px -5px rgba(247, 90, 123, 0.6), 28.0029px 58.14348px 1px -5px rgba(247, 90, 123, 0.6), 33.24295px 62.54041px 1px -5px rgba(247, 90, 123, 0.6), 34.43078px 69.27689px 1px -5px rgba(247, 90, 123, 0.6), 31.01057px 75.20085px 1px -5px rgba(247, 90, 123, 0.6), 24.5827px 77.54041px 1px -5px rgba(247, 90, 123, 0.6), -34.43078px 69.27689px 1px -5px rgba(247, 90, 123, 0.6), -33.24295px 62.54041px 1px -5px rgba(247, 90, 123, 0.6), -28.0029px 58.14348px 1px -5px rgba(247, 90, 123, 0.6), -21.1625px 58.14348px 1px -5px rgba(247, 90, 123, 0.6), -15.92244px 62.54041px 1px -5px rgba(247, 90, 123, 0.6), -14.73462px 69.27689px 1px -5px rgba(247, 90, 123, 0.6), -18.15482px 75.20085px 1px -5px rgba(247, 90, 123, 0.6), -24.5827px 77.54041px 1px -5px rgba(247, 90, 123, 0.6), -31.01057px 75.20085px 1px -5px rgba(247, 90, 123, 0.6), -70.90583px 30.9375px 1px -5px rgba(247, 90, 123, 0.6), -65.66578px 26.54057px 1px -5px rgba(247, 90, 123, 0.6), -58.82537px 26.54057px 1px -5px rgba(247, 90, 123, 0.6), -53.58532px 30.9375px 1px -5px rgba(247, 90, 123, 0.6), -52.3975px 37.67398px 1px -5px rgba(247, 90, 123, 0.6), -55.8177px 43.59794px 1px -5px rgba(247, 90, 123, 0.6), -62.24558px 45.9375px 1px -5px rgba(247, 90, 123, 0.6), -68.67345px 43.59794px 1px -5px rgba(247, 90, 123, 0.6), -72.09365px 37.67398px 1px -5px rgba(247, 90, 123, 0.6), -74.20326px -21.87789px 1px -5px rgba(247, 90, 123, 0.6), -67.36286px -21.87789px 1px -5px rgba(247, 90, 123, 0.6), -62.1228px -17.48096px 1px -5px rgba(247, 90, 123, 0.6), -60.93498px -10.74448px 1px -5px rgba(247, 90, 123, 0.6), -64.35518px -4.82052px 1px -5px rgba(247, 90, 123, 0.6), -70.78306px -2.48096px 1px -5px rgba(247, 90, 123, 0.6), -77.21093px -4.82052px 1px -5px rgba(247, 90, 123, 0.6), -80.63113px -10.74448px 1px -5px rgba(247, 90, 123, 0.6), -79.44331px -17.48096px 1px -5px rgba(247, 90, 123, 0.6), -42.78016px -64.45637px 1px -5px rgba(247, 90, 123, 0.6), -37.54011px -60.05944px 1px -5px rgba(247, 90, 123, 0.6), -36.35228px -53.32296px 1px -5px rgba(247, 90, 123, 0.6), -39.77248px -47.399px 1px -5px rgba(247, 90, 123, 0.6), -46.20036px -45.05944px 1px -5px rgba(247, 90, 123, 0.6), -52.62824px -47.399px 1px -5px rgba(247, 90, 123, 0.6), -56.04844px -53.32296px 1px -5px rgba(247, 90, 123, 0.6), -54.86061px -60.05944px 1px -5px rgba(247, 90, 123, 0.6), -49.62056px -64.45637px 1px -5px rgba(247, 90, 123, 0.6);
}
.box__btn--outer:before { width: 100%; height: 100%; background-color: #F75A7B; box-shadow: 0 0 1px #F75A7B, 0 5px 5px #ccc; -webkit-transition: 200ms; transition: 200ms;
}
.box__btn--outer:hover:before { background-color: #fff; box-shadow: 0 0 1px 5px #F75A7B, 0 5px 5px #ccc;
}
.box__btn--outer:hover .fa-heart-btn--outer { color: #F75A7B;
}
.box__btn--outer-arrow { border-color: transparent transparent transparent #fff;
}
.show-in-inner { z-index: 1; -webkit-transition: z-index 0ms 0ms; transition: z-index 0ms 0ms; -webkit-animation: bounceInner 750ms forwards; animation: bounceInner 750ms forwards;
}
@-webkit-keyframes bounceInner { 16% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: 1; } 32% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: 1; } 50% { -webkit-transform: rotateY(-7.5deg); transform: rotateY(-7.5deg); opacity: 1; } 66% { -webkit-transform: rotateY(3.75deg); transform: rotateY(3.75deg); opacity: 1; } 83% { -webkit-transform: rotateY(-2.5deg); transform: rotateY(-2.5deg); opacity: 1; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}
@keyframes bounceInner { 16% { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); opacity: 1; } 32% { -webkit-transform: rotateY(15deg); transform: rotateY(15deg); opacity: 1; } 50% { -webkit-transform: rotateY(-7.5deg); transform: rotateY(-7.5deg); opacity: 1; } 66% { -webkit-transform: rotateY(3.75deg); transform: rotateY(3.75deg); opacity: 1; } 83% { -webkit-transform: rotateY(-2.5deg); transform: rotateY(-2.5deg); opacity: 1; } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}
.show-in-inner .box__btn--inner { -webkit-animation: bounceBtnInner 650ms forwards; animation: bounceBtnInner 650ms forwards;
}
@-webkit-keyframes bounceBtnInner { 25% { -webkit-transform: scale(1.2); transform: scale(1.2); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 75% { -webkit-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bounceBtnInner { 25% { -webkit-transform: scale(1.2); transform: scale(1.2); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 75% { -webkit-transform: scale(1.08); transform: scale(1.08); } 100% { -webkit-transform: scale(1); transform: scale(1); }
}
.show-in-inner .box__btn--inner .fa-heart-btn--inner { -webkit-animation: scaleHeartInner 850ms forwards; animation: scaleHeartInner 850ms forwards;
}
@-webkit-keyframes scaleHeartInner { 25% { -webkit-transform: translate(-50%, -50%) scale(1.15); transform: translate(-50%, -50%) scale(1.15); } 50% { -webkit-transform: translate(-50%, -50%) scale(0.98); transform: translate(-50%, -50%) scale(0.98); } 75% { -webkit-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
}
@keyframes scaleHeartInner { 25% { -webkit-transform: translate(-50%, -50%) scale(1.15); transform: translate(-50%, -50%) scale(1.15); } 50% { -webkit-transform: translate(-50%, -50%) scale(0.98); transform: translate(-50%, -50%) scale(0.98); } 75% { -webkit-transform: translate(-50%, -50%) scale(1.02); transform: translate(-50%, -50%) scale(1.02); } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
}
.show-in-inner .box__btn--inner:after { -webkit-animation: particles--inner 1150ms cubic-bezier(0.18, 0.47, 0.72, 0.76); animation: particles--inner 1150ms cubic-bezier(0.18, 0.47, 0.72, 0.76);
}
@-webkit-keyframes particles--inner { 0%, 20% { opacity: 0; } 25% { opacity: 1; box-shadow: 10.3923px -63.5px 1px 0px #fff, 11.81769px -55.41622px 1px 0px #fff, 7.71345px -48.30747px 1px 0px #fff, 0px -45.5px 1px 0px #fff, -7.71345px -48.30747px 1px 0px #fff, -11.81769px -55.41622px 1px 0px #fff, -10.3923px -63.5px 1px 0px #fff, -4.10424px -68.77631px 1px 0px #fff, 4.10424px -68.77631px 1px 0px #fff, 48.77798px -41.96378px 1px 0px #fff, 44.67374px -34.85502px 1px 0px #fff, 36.96029px -32.04756px 1px 0px #fff, 29.24684px -34.85502px 1px 0px #fff, 25.14259px -41.96378px 1px 0px #fff, 26.56798px -50.04756px 1px 0px #fff, 32.85605px -55.32387px 1px 0px #fff, 41.06453px -55.32387px 1px 0px #fff, 47.35259px -50.04756px 1px 0px #fff, 64.3399px -0.79224px 1px 0px #fff, 56.62645px 2.01523px 1px 0px #fff, 48.91299px -0.79224px 1px 0px #fff, 44.80875px -7.90099px 1px 0px #fff, 46.23414px -15.98477px 1px 0px #fff, 52.5222px -21.26108px 1px 0px #fff, 60.73069px -21.26108px 1px 0px #fff, 67.01875px -15.98477px 1px 0px #fff, 68.44414px -7.90099px 1px 0px #fff, 49.79646px 40.75px 1px 0px #fff, 42.08301px 37.94253px 1px 0px #fff, 37.97877px 30.83378px 1px 0px #fff, 39.40416px 22.75px 1px 0px #fff, 45.69222px 17.47369px 1px 0px #fff, 53.9007px 17.47369px 1px 0px #fff, 60.18877px 22.75px 1px 0px #fff, 61.61415px 30.83378px 1px 0px #fff, 57.50991px 37.94253px 1px 0px #fff, 11.95271px 63.22486px 1px 0px #fff, 7.84847px 56.1161px 1px 0px #fff, 9.27385px 48.03233px 1px 0px #fff, 15.56192px 42.75601px 1px 0px #fff, 23.7704px 42.75601px 1px 0px #fff, 30.05846px 48.03233px 1px 0px #fff, 31.48385px 56.1161px 1px 0px #fff, 27.37961px 63.22486px 1px 0px #fff, 19.66616px 66.03233px 1px 0px #fff, -31.48385px 56.1161px 1px 0px #fff, -30.05846px 48.03233px 1px 0px #fff, -23.7704px 42.75601px 1px 0px #fff, -15.56192px 42.75601px 1px 0px #fff, -9.27385px 48.03233px 1px 0px #fff, -7.84847px 56.1161px 1px 0px #fff, -11.95271px 63.22486px 1px 0px #fff, -19.66616px 66.03233px 1px 0px #fff, -27.37961px 63.22486px 1px 0px #fff, -60.18877px 22.75px 1px 0px #fff, -53.9007px 17.47369px 1px 0px #fff, -45.69222px 17.47369px 1px 0px #fff, -39.40416px 22.75px 1px 0px #fff, -37.97877px 30.83378px 1px 0px #fff, -42.08301px 37.94253px 1px 0px #fff, -49.79646px 40.75px 1px 0px #fff, -57.50991px 37.94253px 1px 0px #fff, -61.61415px 30.83378px 1px 0px #fff, -60.73069px -21.26108px 1px 0px #fff, -52.5222px -21.26108px 1px 0px #fff, -46.23414px -15.98477px 1px 0px #fff, -44.80875px -7.90099px 1px 0px #fff, -48.91299px -0.79224px 1px 0px #fff, -56.62645px 2.01523px 1px 0px #fff, -64.3399px -0.79224px 1px 0px #fff, -68.44414px -7.90099px 1px 0px #fff, -67.01875px -15.98477px 1px 0px #fff, -32.85605px -55.32387px 1px 0px #fff, -26.56798px -50.04756px 1px 0px #fff, -25.14259px -41.96378px 1px 0px #fff, -29.24684px -34.85502px 1px 0px #fff, -36.96029px -32.04756px 1px 0px #fff, -44.67374px -34.85502px 1px 0px #fff, -48.77798px -41.96378px 1px 0px #fff, -47.35259px -50.04756px 1px 0px #fff, -41.06453px -55.32387px 1px 0px #fff; }
}
@keyframes particles--inner { 0%, 20% { opacity: 0; } 25% { opacity: 1; box-shadow: 10.3923px -63.5px 1px 0px #fff, 11.81769px -55.41622px 1px 0px #fff, 7.71345px -48.30747px 1px 0px #fff, 0px -45.5px 1px 0px #fff, -7.71345px -48.30747px 1px 0px #fff, -11.81769px -55.41622px 1px 0px #fff, -10.3923px -63.5px 1px 0px #fff, -4.10424px -68.77631px 1px 0px #fff, 4.10424px -68.77631px 1px 0px #fff, 48.77798px -41.96378px 1px 0px #fff, 44.67374px -34.85502px 1px 0px #fff, 36.96029px -32.04756px 1px 0px #fff, 29.24684px -34.85502px 1px 0px #fff, 25.14259px -41.96378px 1px 0px #fff, 26.56798px -50.04756px 1px 0px #fff, 32.85605px -55.32387px 1px 0px #fff, 41.06453px -55.32387px 1px 0px #fff, 47.35259px -50.04756px 1px 0px #fff, 64.3399px -0.79224px 1px 0px #fff, 56.62645px 2.01523px 1px 0px #fff, 48.91299px -0.79224px 1px 0px #fff, 44.80875px -7.90099px 1px 0px #fff, 46.23414px -15.98477px 1px 0px #fff, 52.5222px -21.26108px 1px 0px #fff, 60.73069px -21.26108px 1px 0px #fff, 67.01875px -15.98477px 1px 0px #fff, 68.44414px -7.90099px 1px 0px #fff, 49.79646px 40.75px 1px 0px #fff, 42.08301px 37.94253px 1px 0px #fff, 37.97877px 30.83378px 1px 0px #fff, 39.40416px 22.75px 1px 0px #fff, 45.69222px 17.47369px 1px 0px #fff, 53.9007px 17.47369px 1px 0px #fff, 60.18877px 22.75px 1px 0px #fff, 61.61415px 30.83378px 1px 0px #fff, 57.50991px 37.94253px 1px 0px #fff, 11.95271px 63.22486px 1px 0px #fff, 7.84847px 56.1161px 1px 0px #fff, 9.27385px 48.03233px 1px 0px #fff, 15.56192px 42.75601px 1px 0px #fff, 23.7704px 42.75601px 1px 0px #fff, 30.05846px 48.03233px 1px 0px #fff, 31.48385px 56.1161px 1px 0px #fff, 27.37961px 63.22486px 1px 0px #fff, 19.66616px 66.03233px 1px 0px #fff, -31.48385px 56.1161px 1px 0px #fff, -30.05846px 48.03233px 1px 0px #fff, -23.7704px 42.75601px 1px 0px #fff, -15.56192px 42.75601px 1px 0px #fff, -9.27385px 48.03233px 1px 0px #fff, -7.84847px 56.1161px 1px 0px #fff, -11.95271px 63.22486px 1px 0px #fff, -19.66616px 66.03233px 1px 0px #fff, -27.37961px 63.22486px 1px 0px #fff, -60.18877px 22.75px 1px 0px #fff, -53.9007px 17.47369px 1px 0px #fff, -45.69222px 17.47369px 1px 0px #fff, -39.40416px 22.75px 1px 0px #fff, -37.97877px 30.83378px 1px 0px #fff, -42.08301px 37.94253px 1px 0px #fff, -49.79646px 40.75px 1px 0px #fff, -57.50991px 37.94253px 1px 0px #fff, -61.61415px 30.83378px 1px 0px #fff, -60.73069px -21.26108px 1px 0px #fff, -52.5222px -21.26108px 1px 0px #fff, -46.23414px -15.98477px 1px 0px #fff, -44.80875px -7.90099px 1px 0px #fff, -48.91299px -0.79224px 1px 0px #fff, -56.62645px 2.01523px 1px 0px #fff, -64.3399px -0.79224px 1px 0px #fff, -68.44414px -7.90099px 1px 0px #fff, -67.01875px -15.98477px 1px 0px #fff, -32.85605px -55.32387px 1px 0px #fff, -26.56798px -50.04756px 1px 0px #fff, -25.14259px -41.96378px 1px 0px #fff, -29.24684px -34.85502px 1px 0px #fff, -36.96029px -32.04756px 1px 0px #fff, -44.67374px -34.85502px 1px 0px #fff, -48.77798px -41.96378px 1px 0px #fff, -47.35259px -50.04756px 1px 0px #fff, -41.06453px -55.32387px 1px 0px #fff; }
}
.show-in-inner .box__inner-heading { -webkit-animation: bounceHeadingInner 875ms forwards; animation: bounceHeadingInner 875ms forwards;
}
@-webkit-keyframes bounceHeadingInner { 16% { -webkit-transform: scale(1.2) rotate(20deg); transform: scale(1.2) rotate(20deg); } 32% { -webkit-transform: scale(0.9) rotate(-10deg); transform: scale(0.9) rotate(-10deg); } 50% { -webkit-transform: scale(1.05) rotate(5deg); transform: scale(1.05) rotate(5deg); } 66% { -webkit-transform: scale(0.975) rotate(-2.5deg); transform: scale(0.975) rotate(-2.5deg); } 83% { -webkit-transform: scale(1.012) rotate(1.25deg); transform: scale(1.012) rotate(1.25deg); } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); }
}
@keyframes bounceHeadingInner { 16% { -webkit-transform: scale(1.2) rotate(20deg); transform: scale(1.2) rotate(20deg); } 32% { -webkit-transform: scale(0.9) rotate(-10deg); transform: scale(0.9) rotate(-10deg); } 50% { -webkit-transform: scale(1.05) rotate(5deg); transform: scale(1.05) rotate(5deg); } 66% { -webkit-transform: scale(0.975) rotate(-2.5deg); transform: scale(0.975) rotate(-2.5deg); } 83% { -webkit-transform: scale(1.012) rotate(1.25deg); transform: scale(1.012) rotate(1.25deg); } 100% { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); }
}
.show-out-outer { z-index: -1; opacity: 0; -webkit-transform: scale(0); transform: scale(0);
}
.slide-out-inner { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-animation: slideOutInner 500ms forwards cubic-bezier(1, 0.06, 0.95, 0.68); animation: slideOutInner 500ms forwards cubic-bezier(1, 0.06, 0.95, 0.68);
}
@-webkit-keyframes slideOutInner { 75% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); opacity: 0; }
}
@keyframes slideOutInner { 75% { opacity: 1; } 100% { -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); opacity: 0; }
}
.scale-in-btn-outer { -webkit-animation: scaleBtnOuter 325ms 1410ms forwards; animation: scaleBtnOuter 325ms 1410ms forwards;
}
@-webkit-keyframes scaleBtnOuter { 100% { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleBtnOuter { 100% { -webkit-transform: scale(1); transform: scale(1); }
}
.scale-in-btn-outer .fa-heart-btn--outer { -webkit-animation: scaleHeartOuter 2500ms 1410ms infinite; animation: scaleHeartOuter 2500ms 1410ms infinite;
}
@-webkit-keyframes scaleHeartOuter { 16.666% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 1; } 33.333% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 66.666% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 1; } 83.666% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
@keyframes scaleHeartOuter { 16.666% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 1; } 33.333% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 50% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 66.666% { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); opacity: 1; } 83.666% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; }
}
.scale-in-btn-outer:after { -webkit-animation: particles--outer 2000ms 1160ms cubic-bezier(0.83, 0.44, 0.4, 0.86); animation: particles--outer 2000ms 1160ms cubic-bezier(0.83, 0.44, 0.4, 0.86);
}
@-webkit-keyframes particles--outer { 0%, 20% { opacity: 0; } 25% { opacity: 1; box-shadow: 8.66025px -62.5px 1px 0px rgba(247, 90, 123, 0.6), 9.84808px -55.76352px 1px 0px rgba(247, 90, 123, 0.6), 6.42788px -49.83956px 1px 0px rgba(247, 90, 123, 0.6), 0px -47.5px 1px 0px rgba(247, 90, 123, 0.6), -6.42788px -49.83956px 1px 0px rgba(247, 90, 123, 0.6), -9.84808px -55.76352px 1px 0px rgba(247, 90, 123, 0.6), -8.66025px -62.5px 1px 0px rgba(247, 90, 123, 0.6), -3.4202px -66.89693px 1px 0px rgba(247, 90, 123, 0.6), 3.4202px -66.89693px 1px 0px rgba(247, 90, 123, 0.6), 46.80837px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), 43.38816px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), 36.96029px -34.04756px 1px 0px rgba(247, 90, 123, 0.6), 30.53241px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), 27.11221px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), 28.30003px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), 33.54009px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), 40.38049px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), 45.62054px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), 63.05432px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), 56.62645px 0.01523px 1px 0px rgba(247, 90, 123, 0.6), 50.19857px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), 46.77837px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), 47.96619px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), 53.20624px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), 60.04665px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), 65.2867px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), 66.47452px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), 49.79646px 38.75px 1px 0px rgba(247, 90, 123, 0.6), 43.36858px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), 39.94838px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), 41.13621px 23.75px 1px 0px rgba(247, 90, 123, 0.6), 46.37626px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), 53.21666px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), 58.45671px 23.75px 1px 0px rgba(247, 90, 123, 0.6), 59.64454px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), 56.22434px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), 13.23828px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), 9.81808px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), 11.0059px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), 16.24596px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), 23.08636px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), 28.32641px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), 29.51424px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), 26.09403px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), 19.66616px 64.03233px 1px 0px rgba(247, 90, 123, 0.6), -29.51424px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), -28.32641px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), -23.08636px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), -16.24596px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), -11.0059px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), -9.81808px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), -13.23828px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), -19.66616px 64.03233px 1px 0px rgba(247, 90, 123, 0.6), -26.09403px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), -58.45671px 23.75px 1px 0px rgba(247, 90, 123, 0.6), -53.21666px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), -46.37626px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), -41.13621px 23.75px 1px 0px rgba(247, 90, 123, 0.6), -39.94838px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), -43.36858px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), -49.79646px 38.75px 1px 0px rgba(247, 90, 123, 0.6), -56.22434px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), -59.64454px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), -60.04665px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), -53.20624px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), -47.96619px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), -46.77837px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), -50.19857px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), -56.62645px 0.01523px 1px 0px rgba(247, 90, 123, 0.6), -63.05432px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), -66.47452px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), -65.2867px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), -33.54009px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), -28.30003px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), -27.11221px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), -30.53241px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), -36.96029px -34.04756px 1px 0px rgba(247, 90, 123, 0.6), -43.38816px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), -46.80837px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), -45.62054px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), -40.38049px -53.44448px 1px 0px rgba(247, 90, 123, 0.6); }
}
@keyframes particles--outer { 0%, 20% { opacity: 0; } 25% { opacity: 1; box-shadow: 8.66025px -62.5px 1px 0px rgba(247, 90, 123, 0.6), 9.84808px -55.76352px 1px 0px rgba(247, 90, 123, 0.6), 6.42788px -49.83956px 1px 0px rgba(247, 90, 123, 0.6), 0px -47.5px 1px 0px rgba(247, 90, 123, 0.6), -6.42788px -49.83956px 1px 0px rgba(247, 90, 123, 0.6), -9.84808px -55.76352px 1px 0px rgba(247, 90, 123, 0.6), -8.66025px -62.5px 1px 0px rgba(247, 90, 123, 0.6), -3.4202px -66.89693px 1px 0px rgba(247, 90, 123, 0.6), 3.4202px -66.89693px 1px 0px rgba(247, 90, 123, 0.6), 46.80837px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), 43.38816px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), 36.96029px -34.04756px 1px 0px rgba(247, 90, 123, 0.6), 30.53241px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), 27.11221px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), 28.30003px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), 33.54009px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), 40.38049px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), 45.62054px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), 63.05432px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), 56.62645px 0.01523px 1px 0px rgba(247, 90, 123, 0.6), 50.19857px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), 46.77837px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), 47.96619px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), 53.20624px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), 60.04665px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), 65.2867px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), 66.47452px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), 49.79646px 38.75px 1px 0px rgba(247, 90, 123, 0.6), 43.36858px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), 39.94838px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), 41.13621px 23.75px 1px 0px rgba(247, 90, 123, 0.6), 46.37626px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), 53.21666px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), 58.45671px 23.75px 1px 0px rgba(247, 90, 123, 0.6), 59.64454px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), 56.22434px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), 13.23828px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), 9.81808px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), 11.0059px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), 16.24596px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), 23.08636px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), 28.32641px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), 29.51424px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), 26.09403px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), 19.66616px 64.03233px 1px 0px rgba(247, 90, 123, 0.6), -29.51424px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), -28.32641px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), -23.08636px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), -16.24596px 44.6354px 1px 0px rgba(247, 90, 123, 0.6), -11.0059px 49.03233px 1px 0px rgba(247, 90, 123, 0.6), -9.81808px 55.76881px 1px 0px rgba(247, 90, 123, 0.6), -13.23828px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), -19.66616px 64.03233px 1px 0px rgba(247, 90, 123, 0.6), -26.09403px 61.69277px 1px 0px rgba(247, 90, 123, 0.6), -58.45671px 23.75px 1px 0px rgba(247, 90, 123, 0.6), -53.21666px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), -46.37626px 19.35307px 1px 0px rgba(247, 90, 123, 0.6), -41.13621px 23.75px 1px 0px rgba(247, 90, 123, 0.6), -39.94838px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), -43.36858px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), -49.79646px 38.75px 1px 0px rgba(247, 90, 123, 0.6), -56.22434px 36.41044px 1px 0px rgba(247, 90, 123, 0.6), -59.64454px 30.48648px 1px 0px rgba(247, 90, 123, 0.6), -60.04665px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), -53.20624px -19.3817px 1px 0px rgba(247, 90, 123, 0.6), -47.96619px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), -46.77837px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), -50.19857px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), -56.62645px 0.01523px 1px 0px rgba(247, 90, 123, 0.6), -63.05432px -2.32433px 1px 0px rgba(247, 90, 123, 0.6), -66.47452px -8.24829px 1px 0px rgba(247, 90, 123, 0.6), -65.2867px -14.98477px 1px 0px rgba(247, 90, 123, 0.6), -33.54009px -53.44448px 1px 0px rgba(247, 90, 123, 0.6), -28.30003px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), -27.11221px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), -30.53241px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), -36.96029px -34.04756px 1px 0px rgba(247, 90, 123, 0.6), -43.38816px -36.38711px 1px 0px rgba(247, 90, 123, 0.6), -46.80837px -42.31107px 1px 0px rgba(247, 90, 123, 0.6), -45.62054px -49.04756px 1px 0px rgba(247, 90, 123, 0.6), -40.38049px -53.44448px 1px 0px rgba(247, 90, 123, 0.6); }
}
.beat-logo { -webkit-animation: logo 1560ms forwards; animation: logo 1560ms forwards;
}
@-webkit-keyframes logo { 16.666% { -webkit-transform: translate(-50%, 5px) scale(1.1); transform: translate(-50%, 5px) scale(1.1); opacity: 1; } 33.333% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 50% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 66.666% { -webkit-transform: translate(-50%, 5px) scale(1.1); transform: translate(-50%, 5px) scale(1.1); opacity: 1; } 83.666% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; }
}
@keyframes logo { 16.666% { -webkit-transform: translate(-50%, 5px) scale(1.1); transform: translate(-50%, 5px) scale(1.1); opacity: 1; } 33.333% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 50% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 66.666% { -webkit-transform: translate(-50%, 5px) scale(1.1); transform: translate(-50%, 5px) scale(1.1); opacity: 1; } 83.666% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; } 100% { -webkit-transform: translate(-50%, 5px) scale(1); transform: translate(-50%, 5px) scale(1); opacity: 1; }
}
.outer-ring { fill: #F75A7B;
}
.inner-box { fill: #F75A7B;
}
.icon-link { position: absolute; left: 5px; bottom: 5px; width: 50px;
}
.icon-link img { width: 100%; vertical-align: top;
}
.icon-link--twitter { left: auto; right: 5px;
}
.fa-heart { font-size: 30px; color: #F75A7B; text-shadow: 0 0 1px #F75A7B; opacity: .15;
}
.fa-heart--inner { color: #fff;
}
.heart { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 0;
}
.heart-bg-1 { top: 68%; left: 85%; -webkit-animation: hearts-bg-1 120s infinite alternate linear; animation: hearts-bg-1 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-1 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-120px, -50px, 0) rotate(360deg); transform: translate3d(-120px, -50px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(254px, 394px, 0) rotate(720deg); transform: translate3d(254px, 394px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-85px, -60px, 0) rotate(1080deg); transform: translate3d(-85px, -60px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(330px, 224px, 0) rotate(1440deg); transform: translate3d(330px, 224px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-1 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-120px, -50px, 0) rotate(360deg); transform: translate3d(-120px, -50px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(254px, 394px, 0) rotate(720deg); transform: translate3d(254px, 394px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-85px, -60px, 0) rotate(1080deg); transform: translate3d(-85px, -60px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(330px, 224px, 0) rotate(1440deg); transform: translate3d(330px, 224px, 0) rotate(1440deg); }
}
.heart-bg-2 { top: 8%; left: 63%; -webkit-animation: hearts-bg-2 120s infinite alternate linear; animation: hearts-bg-2 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-2 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-70px, -138px, 0) rotate(360deg); transform: translate3d(-70px, -138px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(216px, 307px, 0) rotate(720deg); transform: translate3d(216px, 307px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-100px, -85px, 0) rotate(1080deg); transform: translate3d(-100px, -85px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(110px, 383px, 0) rotate(1440deg); transform: translate3d(110px, 383px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-2 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-70px, -138px, 0) rotate(360deg); transform: translate3d(-70px, -138px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(216px, 307px, 0) rotate(720deg); transform: translate3d(216px, 307px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-100px, -85px, 0) rotate(1080deg); transform: translate3d(-100px, -85px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(110px, 383px, 0) rotate(1440deg); transform: translate3d(110px, 383px, 0) rotate(1440deg); }
}
.heart-bg-3 { top: 3%; left: 39%; -webkit-animation: hearts-bg-3 120s infinite alternate linear; animation: hearts-bg-3 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-3 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-178px, -9px, 0) rotate(360deg); transform: translate3d(-178px, -9px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(357px, 223px, 0) rotate(720deg); transform: translate3d(357px, 223px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-50px, -198px, 0) rotate(1080deg); transform: translate3d(-50px, -198px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(270px, 128px, 0) rotate(1440deg); transform: translate3d(270px, 128px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-3 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-178px, -9px, 0) rotate(360deg); transform: translate3d(-178px, -9px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(357px, 223px, 0) rotate(720deg); transform: translate3d(357px, 223px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-50px, -198px, 0) rotate(1080deg); transform: translate3d(-50px, -198px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(270px, 128px, 0) rotate(1440deg); transform: translate3d(270px, 128px, 0) rotate(1440deg); }
}
.heart-bg-4 { top: 36%; left: 96%; -webkit-animation: hearts-bg-4 120s infinite alternate linear; animation: hearts-bg-4 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-4 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-97px, -189px, 0) rotate(360deg); transform: translate3d(-97px, -189px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(82px, 19px, 0) rotate(720deg); transform: translate3d(82px, 19px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-22px, -169px, 0) rotate(1080deg); transform: translate3d(-22px, -169px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(82px, 18px, 0) rotate(1440deg); transform: translate3d(82px, 18px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-4 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-97px, -189px, 0) rotate(360deg); transform: translate3d(-97px, -189px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(82px, 19px, 0) rotate(720deg); transform: translate3d(82px, 19px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-22px, -169px, 0) rotate(1080deg); transform: translate3d(-22px, -169px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(82px, 18px, 0) rotate(1440deg); transform: translate3d(82px, 18px, 0) rotate(1440deg); }
}
.heart-bg-5 { top: 31%; left: 13%; -webkit-animation: hearts-bg-5 120s infinite alternate linear; animation: hearts-bg-5 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-5 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-105px, -44px, 0) rotate(360deg); transform: translate3d(-105px, -44px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(261px, 1px, 0) rotate(720deg); transform: translate3d(261px, 1px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-122px, -48px, 0) rotate(1080deg); transform: translate3d(-122px, -48px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(273px, 261px, 0) rotate(1440deg); transform: translate3d(273px, 261px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-5 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-105px, -44px, 0) rotate(360deg); transform: translate3d(-105px, -44px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(261px, 1px, 0) rotate(720deg); transform: translate3d(261px, 1px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-122px, -48px, 0) rotate(1080deg); transform: translate3d(-122px, -48px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(273px, 261px, 0) rotate(1440deg); transform: translate3d(273px, 261px, 0) rotate(1440deg); }
}
.heart-bg-6 { top: 99%; left: 57%; -webkit-animation: hearts-bg-6 120s infinite alternate linear; animation: hearts-bg-6 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-6 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-110px, -139px, 0) rotate(360deg); transform: translate3d(-110px, -139px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(121px, 121px, 0) rotate(720deg); transform: translate3d(121px, 121px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-140px, -150px, 0) rotate(1080deg); transform: translate3d(-140px, -150px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(63px, 248px, 0) rotate(1440deg); transform: translate3d(63px, 248px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-6 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-110px, -139px, 0) rotate(360deg); transform: translate3d(-110px, -139px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(121px, 121px, 0) rotate(720deg); transform: translate3d(121px, 121px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-140px, -150px, 0) rotate(1080deg); transform: translate3d(-140px, -150px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(63px, 248px, 0) rotate(1440deg); transform: translate3d(63px, 248px, 0) rotate(1440deg); }
}
.heart-bg-7 { top: 23%; left: 60%; -webkit-animation: hearts-bg-7 120s infinite alternate linear; animation: hearts-bg-7 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-7 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-41px, -188px, 0) rotate(360deg); transform: translate3d(-41px, -188px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(344px, 102px, 0) rotate(720deg); transform: translate3d(344px, 102px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-106px, -150px, 0) rotate(1080deg); transform: translate3d(-106px, -150px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(103px, 126px, 0) rotate(1440deg); transform: translate3d(103px, 126px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-7 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-41px, -188px, 0) rotate(360deg); transform: translate3d(-41px, -188px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(344px, 102px, 0) rotate(720deg); transform: translate3d(344px, 102px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-106px, -150px, 0) rotate(1080deg); transform: translate3d(-106px, -150px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(103px, 126px, 0) rotate(1440deg); transform: translate3d(103px, 126px, 0) rotate(1440deg); }
}
.heart-bg-8 { top: 47%; left: 52%; -webkit-animation: hearts-bg-8 120s infinite alternate linear; animation: hearts-bg-8 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-8 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-51px, -134px, 0) rotate(360deg); transform: translate3d(-51px, -134px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(112px, 353px, 0) rotate(720deg); transform: translate3d(112px, 353px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-4px, -192px, 0) rotate(1080deg); transform: translate3d(-4px, -192px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(62px, 48px, 0) rotate(1440deg); transform: translate3d(62px, 48px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-8 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-51px, -134px, 0) rotate(360deg); transform: translate3d(-51px, -134px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(112px, 353px, 0) rotate(720deg); transform: translate3d(112px, 353px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-4px, -192px, 0) rotate(1080deg); transform: translate3d(-4px, -192px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(62px, 48px, 0) rotate(1440deg); transform: translate3d(62px, 48px, 0) rotate(1440deg); }
}
.heart-bg-9 { top: 71%; left: 43%; -webkit-animation: hearts-bg-9 120s infinite alternate linear; animation: hearts-bg-9 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-9 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-103px, -124px, 0) rotate(360deg); transform: translate3d(-103px, -124px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(79px, 62px, 0) rotate(720deg); transform: translate3d(79px, 62px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-33px, -32px, 0) rotate(1080deg); transform: translate3d(-33px, -32px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(91px, 338px, 0) rotate(1440deg); transform: translate3d(91px, 338px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-9 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-103px, -124px, 0) rotate(360deg); transform: translate3d(-103px, -124px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(79px, 62px, 0) rotate(720deg); transform: translate3d(79px, 62px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-33px, -32px, 0) rotate(1080deg); transform: translate3d(-33px, -32px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(91px, 338px, 0) rotate(1440deg); transform: translate3d(91px, 338px, 0) rotate(1440deg); }
}
.heart-bg-10 { top: 88%; left: 25%; -webkit-animation: hearts-bg-10 120s infinite alternate linear; animation: hearts-bg-10 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-10 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-30px, -20px, 0) rotate(360deg); transform: translate3d(-30px, -20px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(21px, 11px, 0) rotate(720deg); transform: translate3d(21px, 11px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-77px, -72px, 0) rotate(1080deg); transform: translate3d(-77px, -72px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(329px, 295px, 0) rotate(1440deg); transform: translate3d(329px, 295px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-10 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-30px, -20px, 0) rotate(360deg); transform: translate3d(-30px, -20px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(21px, 11px, 0) rotate(720deg); transform: translate3d(21px, 11px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-77px, -72px, 0) rotate(1080deg); transform: translate3d(-77px, -72px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(329px, 295px, 0) rotate(1440deg); transform: translate3d(329px, 295px, 0) rotate(1440deg); }
}
.heart-bg-11 { top: 66%; left: 73%; -webkit-animation: hearts-bg-11 120s infinite alternate linear; animation: hearts-bg-11 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-11 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-102px, -160px, 0) rotate(360deg); transform: translate3d(-102px, -160px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(361px, 378px, 0) rotate(720deg); transform: translate3d(361px, 378px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-194px, -113px, 0) rotate(1080deg); transform: translate3d(-194px, -113px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(209px, 290px, 0) rotate(1440deg); transform: translate3d(209px, 290px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-11 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-102px, -160px, 0) rotate(360deg); transform: translate3d(-102px, -160px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(361px, 378px, 0) rotate(720deg); transform: translate3d(361px, 378px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-194px, -113px, 0) rotate(1080deg); transform: translate3d(-194px, -113px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(209px, 290px, 0) rotate(1440deg); transform: translate3d(209px, 290px, 0) rotate(1440deg); }
}
.heart-bg-12 { top: 87%; left: 69%; -webkit-animation: hearts-bg-12 120s infinite alternate linear; animation: hearts-bg-12 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-12 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-25px, -146px, 0) rotate(360deg); transform: translate3d(-25px, -146px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(211px, 227px, 0) rotate(720deg); transform: translate3d(211px, 227px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-74px, -36px, 0) rotate(1080deg); transform: translate3d(-74px, -36px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(334px, 94px, 0) rotate(1440deg); transform: translate3d(334px, 94px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-12 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-25px, -146px, 0) rotate(360deg); transform: translate3d(-25px, -146px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(211px, 227px, 0) rotate(720deg); transform: translate3d(211px, 227px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-74px, -36px, 0) rotate(1080deg); transform: translate3d(-74px, -36px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(334px, 94px, 0) rotate(1440deg); transform: translate3d(334px, 94px, 0) rotate(1440deg); }
}
.heart-bg-13 { top: 97%; left: 11%; -webkit-animation: hearts-bg-13 120s infinite alternate linear; animation: hearts-bg-13 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-13 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-53px, -18px, 0) rotate(360deg); transform: translate3d(-53px, -18px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(89px, 331px, 0) rotate(720deg); transform: translate3d(89px, 331px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-137px, -50px, 0) rotate(1080deg); transform: translate3d(-137px, -50px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(277px, 346px, 0) rotate(1440deg); transform: translate3d(277px, 346px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-13 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-53px, -18px, 0) rotate(360deg); transform: translate3d(-53px, -18px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(89px, 331px, 0) rotate(720deg); transform: translate3d(89px, 331px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-137px, -50px, 0) rotate(1080deg); transform: translate3d(-137px, -50px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(277px, 346px, 0) rotate(1440deg); transform: translate3d(277px, 346px, 0) rotate(1440deg); }
}
.heart-bg-14 { top: 81%; left: 51%; -webkit-animation: hearts-bg-14 120s infinite alternate linear; animation: hearts-bg-14 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-14 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-7px, -155px, 0) rotate(360deg); transform: translate3d(-7px, -155px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(390px, 215px, 0) rotate(720deg); transform: translate3d(390px, 215px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-108px, -109px, 0) rotate(1080deg); transform: translate3d(-108px, -109px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(127px, 259px, 0) rotate(1440deg); transform: translate3d(127px, 259px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-14 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-7px, -155px, 0) rotate(360deg); transform: translate3d(-7px, -155px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(390px, 215px, 0) rotate(720deg); transform: translate3d(390px, 215px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-108px, -109px, 0) rotate(1080deg); transform: translate3d(-108px, -109px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(127px, 259px, 0) rotate(1440deg); transform: translate3d(127px, 259px, 0) rotate(1440deg); }
}
.heart-bg-15 { top: 62%; left: 13%; -webkit-animation: hearts-bg-15 120s infinite alternate linear; animation: hearts-bg-15 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-15 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-175px, -78px, 0) rotate(360deg); transform: translate3d(-175px, -78px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(68px, 176px, 0) rotate(720deg); transform: translate3d(68px, 176px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-53px, -19px, 0) rotate(1080deg); transform: translate3d(-53px, -19px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(284px, 60px, 0) rotate(1440deg); transform: translate3d(284px, 60px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-15 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-175px, -78px, 0) rotate(360deg); transform: translate3d(-175px, -78px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(68px, 176px, 0) rotate(720deg); transform: translate3d(68px, 176px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-53px, -19px, 0) rotate(1080deg); transform: translate3d(-53px, -19px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(284px, 60px, 0) rotate(1440deg); transform: translate3d(284px, 60px, 0) rotate(1440deg); }
}
.heart-bg-16 { top: 90%; left: 82%; -webkit-animation: hearts-bg-16 120s infinite alternate linear; animation: hearts-bg-16 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-16 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-111px, -16px, 0) rotate(360deg); transform: translate3d(-111px, -16px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(104px, 43px, 0) rotate(720deg); transform: translate3d(104px, 43px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-12px, -107px, 0) rotate(1080deg); transform: translate3d(-12px, -107px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(220px, 314px, 0) rotate(1440deg); transform: translate3d(220px, 314px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-16 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-111px, -16px, 0) rotate(360deg); transform: translate3d(-111px, -16px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(104px, 43px, 0) rotate(720deg); transform: translate3d(104px, 43px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-12px, -107px, 0) rotate(1080deg); transform: translate3d(-12px, -107px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(220px, 314px, 0) rotate(1440deg); transform: translate3d(220px, 314px, 0) rotate(1440deg); }
}
.heart-bg-17 { top: 25%; left: 55%; -webkit-animation: hearts-bg-17 120s infinite alternate linear; animation: hearts-bg-17 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-17 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-175px, -176px, 0) rotate(360deg); transform: translate3d(-175px, -176px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(201px, 26px, 0) rotate(720deg); transform: translate3d(201px, 26px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-39px, -17px, 0) rotate(1080deg); transform: translate3d(-39px, -17px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(165px, 109px, 0) rotate(1440deg); transform: translate3d(165px, 109px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-17 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-175px, -176px, 0) rotate(360deg); transform: translate3d(-175px, -176px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(201px, 26px, 0) rotate(720deg); transform: translate3d(201px, 26px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-39px, -17px, 0) rotate(1080deg); transform: translate3d(-39px, -17px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(165px, 109px, 0) rotate(1440deg); transform: translate3d(165px, 109px, 0) rotate(1440deg); }
}
.heart-bg-18 { top: 31%; left: 60%; -webkit-animation: hearts-bg-18 120s infinite alternate linear; animation: hearts-bg-18 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-18 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-160px, -45px, 0) rotate(360deg); transform: translate3d(-160px, -45px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(382px, 394px, 0) rotate(720deg); transform: translate3d(382px, 394px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-60px, -32px, 0) rotate(1080deg); transform: translate3d(-60px, -32px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(378px, 163px, 0) rotate(1440deg); transform: translate3d(378px, 163px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-18 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-160px, -45px, 0) rotate(360deg); transform: translate3d(-160px, -45px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(382px, 394px, 0) rotate(720deg); transform: translate3d(382px, 394px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-60px, -32px, 0) rotate(1080deg); transform: translate3d(-60px, -32px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(378px, 163px, 0) rotate(1440deg); transform: translate3d(378px, 163px, 0) rotate(1440deg); }
}
.heart-bg-19 { top: 82%; left: 44%; -webkit-animation: hearts-bg-19 120s infinite alternate linear; animation: hearts-bg-19 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-19 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-62px, -145px, 0) rotate(360deg); transform: translate3d(-62px, -145px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(364px, 276px, 0) rotate(720deg); transform: translate3d(364px, 276px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-174px, -69px, 0) rotate(1080deg); transform: translate3d(-174px, -69px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(223px, 218px, 0) rotate(1440deg); transform: translate3d(223px, 218px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-19 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-62px, -145px, 0) rotate(360deg); transform: translate3d(-62px, -145px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(364px, 276px, 0) rotate(720deg); transform: translate3d(364px, 276px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-174px, -69px, 0) rotate(1080deg); transform: translate3d(-174px, -69px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(223px, 218px, 0) rotate(1440deg); transform: translate3d(223px, 218px, 0) rotate(1440deg); }
}
.heart-bg-20 { top: 12%; left: 49%; -webkit-animation: hearts-bg-20 120s infinite alternate linear; animation: hearts-bg-20 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-20 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-147px, -17px, 0) rotate(360deg); transform: translate3d(-147px, -17px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(200px, 380px, 0) rotate(720deg); transform: translate3d(200px, 380px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-156px, -5px, 0) rotate(1080deg); transform: translate3d(-156px, -5px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(83px, 199px, 0) rotate(1440deg); transform: translate3d(83px, 199px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-20 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-147px, -17px, 0) rotate(360deg); transform: translate3d(-147px, -17px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(200px, 380px, 0) rotate(720deg); transform: translate3d(200px, 380px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-156px, -5px, 0) rotate(1080deg); transform: translate3d(-156px, -5px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(83px, 199px, 0) rotate(1440deg); transform: translate3d(83px, 199px, 0) rotate(1440deg); }
}
.heart-bg-21 { top: 20%; left: 23%; -webkit-animation: hearts-bg-21 120s infinite alternate linear; animation: hearts-bg-21 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-21 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-117px, -48px, 0) rotate(360deg); transform: translate3d(-117px, -48px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(358px, 387px, 0) rotate(720deg); transform: translate3d(358px, 387px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-190px, -134px, 0) rotate(1080deg); transform: translate3d(-190px, -134px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(352px, 140px, 0) rotate(1440deg); transform: translate3d(352px, 140px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-21 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-117px, -48px, 0) rotate(360deg); transform: translate3d(-117px, -48px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(358px, 387px, 0) rotate(720deg); transform: translate3d(358px, 387px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-190px, -134px, 0) rotate(1080deg); transform: translate3d(-190px, -134px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(352px, 140px, 0) rotate(1440deg); transform: translate3d(352px, 140px, 0) rotate(1440deg); }
}
.heart-bg-22 { top: 85%; left: 70%; -webkit-animation: hearts-bg-22 120s infinite alternate linear; animation: hearts-bg-22 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-22 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-60px, -40px, 0) rotate(360deg); transform: translate3d(-60px, -40px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(107px, 256px, 0) rotate(720deg); transform: translate3d(107px, 256px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-98px, -187px, 0) rotate(1080deg); transform: translate3d(-98px, -187px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(270px, 185px, 0) rotate(1440deg); transform: translate3d(270px, 185px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-22 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-60px, -40px, 0) rotate(360deg); transform: translate3d(-60px, -40px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(107px, 256px, 0) rotate(720deg); transform: translate3d(107px, 256px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-98px, -187px, 0) rotate(1080deg); transform: translate3d(-98px, -187px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(270px, 185px, 0) rotate(1440deg); transform: translate3d(270px, 185px, 0) rotate(1440deg); }
}
.heart-bg-23 { top: 54%; left: 14%; -webkit-animation: hearts-bg-23 120s infinite alternate linear; animation: hearts-bg-23 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-23 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-173px, -91px, 0) rotate(360deg); transform: translate3d(-173px, -91px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(226px, 310px, 0) rotate(720deg); transform: translate3d(226px, 310px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-171px, -183px, 0) rotate(1080deg); transform: translate3d(-171px, -183px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(66px, 248px, 0) rotate(1440deg); transform: translate3d(66px, 248px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-23 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-173px, -91px, 0) rotate(360deg); transform: translate3d(-173px, -91px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(226px, 310px, 0) rotate(720deg); transform: translate3d(226px, 310px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-171px, -183px, 0) rotate(1080deg); transform: translate3d(-171px, -183px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(66px, 248px, 0) rotate(1440deg); transform: translate3d(66px, 248px, 0) rotate(1440deg); }
}
.heart-bg-24 { top: 59%; left: 53%; -webkit-animation: hearts-bg-24 120s infinite alternate linear; animation: hearts-bg-24 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-24 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-111px, -122px, 0) rotate(360deg); transform: translate3d(-111px, -122px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(376px, 285px, 0) rotate(720deg); transform: translate3d(376px, 285px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-8px, -92px, 0) rotate(1080deg); transform: translate3d(-8px, -92px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(256px, 241px, 0) rotate(1440deg); transform: translate3d(256px, 241px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-24 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-111px, -122px, 0) rotate(360deg); transform: translate3d(-111px, -122px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(376px, 285px, 0) rotate(720deg); transform: translate3d(376px, 285px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-8px, -92px, 0) rotate(1080deg); transform: translate3d(-8px, -92px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(256px, 241px, 0) rotate(1440deg); transform: translate3d(256px, 241px, 0) rotate(1440deg); }
}
.heart-bg-25 { top: 72%; left: 63%; -webkit-animation: hearts-bg-25 120s infinite alternate linear; animation: hearts-bg-25 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-25 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-179px, -161px, 0) rotate(360deg); transform: translate3d(-179px, -161px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(121px, 68px, 0) rotate(720deg); transform: translate3d(121px, 68px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-69px, -181px, 0) rotate(1080deg); transform: translate3d(-69px, -181px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(63px, 12px, 0) rotate(1440deg); transform: translate3d(63px, 12px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-25 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-179px, -161px, 0) rotate(360deg); transform: translate3d(-179px, -161px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(121px, 68px, 0) rotate(720deg); transform: translate3d(121px, 68px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-69px, -181px, 0) rotate(1080deg); transform: translate3d(-69px, -181px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(63px, 12px, 0) rotate(1440deg); transform: translate3d(63px, 12px, 0) rotate(1440deg); }
}
.heart-bg-26 { top: 86%; left: 51%; -webkit-animation: hearts-bg-26 120s infinite alternate linear; animation: hearts-bg-26 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-26 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-192px, -27px, 0) rotate(360deg); transform: translate3d(-192px, -27px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(242px, 380px, 0) rotate(720deg); transform: translate3d(242px, 380px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-28px, -7px, 0) rotate(1080deg); transform: translate3d(-28px, -7px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(20px, 191px, 0) rotate(1440deg); transform: translate3d(20px, 191px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-26 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-192px, -27px, 0) rotate(360deg); transform: translate3d(-192px, -27px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(242px, 380px, 0) rotate(720deg); transform: translate3d(242px, 380px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-28px, -7px, 0) rotate(1080deg); transform: translate3d(-28px, -7px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(20px, 191px, 0) rotate(1440deg); transform: translate3d(20px, 191px, 0) rotate(1440deg); }
}
.heart-bg-27 { top: 90%; left: 98%; -webkit-animation: hearts-bg-27 120s infinite alternate linear; animation: hearts-bg-27 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-27 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-172px, -154px, 0) rotate(360deg); transform: translate3d(-172px, -154px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(270px, 348px, 0) rotate(720deg); transform: translate3d(270px, 348px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-85px, -132px, 0) rotate(1080deg); transform: translate3d(-85px, -132px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(13px, 25px, 0) rotate(1440deg); transform: translate3d(13px, 25px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-27 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-172px, -154px, 0) rotate(360deg); transform: translate3d(-172px, -154px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(270px, 348px, 0) rotate(720deg); transform: translate3d(270px, 348px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-85px, -132px, 0) rotate(1080deg); transform: translate3d(-85px, -132px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(13px, 25px, 0) rotate(1440deg); transform: translate3d(13px, 25px, 0) rotate(1440deg); }
}
.heart-bg-28 { top: 34%; left: 45%; -webkit-animation: hearts-bg-28 120s infinite alternate linear; animation: hearts-bg-28 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-28 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-52px, -159px, 0) rotate(360deg); transform: translate3d(-52px, -159px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(299px, 179px, 0) rotate(720deg); transform: translate3d(299px, 179px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-158px, -35px, 0) rotate(1080deg); transform: translate3d(-158px, -35px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(146px, 238px, 0) rotate(1440deg); transform: translate3d(146px, 238px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-28 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-52px, -159px, 0) rotate(360deg); transform: translate3d(-52px, -159px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(299px, 179px, 0) rotate(720deg); transform: translate3d(299px, 179px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-158px, -35px, 0) rotate(1080deg); transform: translate3d(-158px, -35px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(146px, 238px, 0) rotate(1440deg); transform: translate3d(146px, 238px, 0) rotate(1440deg); }
}
.heart-bg-29 { top: 98%; left: 73%; -webkit-animation: hearts-bg-29 120s infinite alternate linear; animation: hearts-bg-29 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-29 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-50px, -4px, 0) rotate(360deg); transform: translate3d(-50px, -4px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(250px, 248px, 0) rotate(720deg); transform: translate3d(250px, 248px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-128px, -134px, 0) rotate(1080deg); transform: translate3d(-128px, -134px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(396px, 101px, 0) rotate(1440deg); transform: translate3d(396px, 101px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-29 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-50px, -4px, 0) rotate(360deg); transform: translate3d(-50px, -4px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(250px, 248px, 0) rotate(720deg); transform: translate3d(250px, 248px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-128px, -134px, 0) rotate(1080deg); transform: translate3d(-128px, -134px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(396px, 101px, 0) rotate(1440deg); transform: translate3d(396px, 101px, 0) rotate(1440deg); }
}
.heart-bg-30 { top: 12%; left: 52%; -webkit-animation: hearts-bg-30 120s infinite alternate linear; animation: hearts-bg-30 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-30 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-194px, -110px, 0) rotate(360deg); transform: translate3d(-194px, -110px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(192px, 2px, 0) rotate(720deg); transform: translate3d(192px, 2px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-127px, -128px, 0) rotate(1080deg); transform: translate3d(-127px, -128px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(168px, 197px, 0) rotate(1440deg); transform: translate3d(168px, 197px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-30 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-194px, -110px, 0) rotate(360deg); transform: translate3d(-194px, -110px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(192px, 2px, 0) rotate(720deg); transform: translate3d(192px, 2px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-127px, -128px, 0) rotate(1080deg); transform: translate3d(-127px, -128px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(168px, 197px, 0) rotate(1440deg); transform: translate3d(168px, 197px, 0) rotate(1440deg); }
}
.heart-bg-31 { top: 65%; left: 4%; -webkit-animation: hearts-bg-31 120s infinite alternate linear; animation: hearts-bg-31 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-31 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-149px, -128px, 0) rotate(360deg); transform: translate3d(-149px, -128px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(252px, 115px, 0) rotate(720deg); transform: translate3d(252px, 115px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-168px, -164px, 0) rotate(1080deg); transform: translate3d(-168px, -164px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(276px, 213px, 0) rotate(1440deg); transform: translate3d(276px, 213px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-31 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-149px, -128px, 0) rotate(360deg); transform: translate3d(-149px, -128px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(252px, 115px, 0) rotate(720deg); transform: translate3d(252px, 115px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-168px, -164px, 0) rotate(1080deg); transform: translate3d(-168px, -164px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(276px, 213px, 0) rotate(1440deg); transform: translate3d(276px, 213px, 0) rotate(1440deg); }
}
.heart-bg-32 { top: 51%; left: 65%; -webkit-animation: hearts-bg-32 120s infinite alternate linear; animation: hearts-bg-32 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-32 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-146px, -114px, 0) rotate(360deg); transform: translate3d(-146px, -114px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(345px, 4px, 0) rotate(720deg); transform: translate3d(345px, 4px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-87px, -23px, 0) rotate(1080deg); transform: translate3d(-87px, -23px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(390px, 115px, 0) rotate(1440deg); transform: translate3d(390px, 115px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-32 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-146px, -114px, 0) rotate(360deg); transform: translate3d(-146px, -114px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(345px, 4px, 0) rotate(720deg); transform: translate3d(345px, 4px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-87px, -23px, 0) rotate(1080deg); transform: translate3d(-87px, -23px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(390px, 115px, 0) rotate(1440deg); transform: translate3d(390px, 115px, 0) rotate(1440deg); }
}
.heart-bg-33 { top: 87%; left: 82%; -webkit-animation: hearts-bg-33 120s infinite alternate linear; animation: hearts-bg-33 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-33 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-8px, -87px, 0) rotate(360deg); transform: translate3d(-8px, -87px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(217px, 183px, 0) rotate(720deg); transform: translate3d(217px, 183px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-182px, -98px, 0) rotate(1080deg); transform: translate3d(-182px, -98px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(216px, 362px, 0) rotate(1440deg); transform: translate3d(216px, 362px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-33 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-8px, -87px, 0) rotate(360deg); transform: translate3d(-8px, -87px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(217px, 183px, 0) rotate(720deg); transform: translate3d(217px, 183px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-182px, -98px, 0) rotate(1080deg); transform: translate3d(-182px, -98px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(216px, 362px, 0) rotate(1440deg); transform: translate3d(216px, 362px, 0) rotate(1440deg); }
}
.heart-bg-34 { top: 86%; left: 92%; -webkit-animation: hearts-bg-34 120s infinite alternate linear; animation: hearts-bg-34 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-34 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-69px, -6px, 0) rotate(360deg); transform: translate3d(-69px, -6px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(300px, 263px, 0) rotate(720deg); transform: translate3d(300px, 263px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-55px, -27px, 0) rotate(1080deg); transform: translate3d(-55px, -27px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(298px, 242px, 0) rotate(1440deg); transform: translate3d(298px, 242px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-34 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-69px, -6px, 0) rotate(360deg); transform: translate3d(-69px, -6px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(300px, 263px, 0) rotate(720deg); transform: translate3d(300px, 263px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-55px, -27px, 0) rotate(1080deg); transform: translate3d(-55px, -27px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(298px, 242px, 0) rotate(1440deg); transform: translate3d(298px, 242px, 0) rotate(1440deg); }
}
.heart-bg-35 { top: 82%; left: 69%; -webkit-animation: hearts-bg-35 120s infinite alternate linear; animation: hearts-bg-35 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-35 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-194px, -192px, 0) rotate(360deg); transform: translate3d(-194px, -192px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(44px, 71px, 0) rotate(720deg); transform: translate3d(44px, 71px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-184px, -36px, 0) rotate(1080deg); transform: translate3d(-184px, -36px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(290px, 290px, 0) rotate(1440deg); transform: translate3d(290px, 290px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-35 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-194px, -192px, 0) rotate(360deg); transform: translate3d(-194px, -192px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(44px, 71px, 0) rotate(720deg); transform: translate3d(44px, 71px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-184px, -36px, 0) rotate(1080deg); transform: translate3d(-184px, -36px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(290px, 290px, 0) rotate(1440deg); transform: translate3d(290px, 290px, 0) rotate(1440deg); }
}
.heart-bg-36 { top: 65%; left: 39%; -webkit-animation: hearts-bg-36 120s infinite alternate linear; animation: hearts-bg-36 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-36 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-185px, -162px, 0) rotate(360deg); transform: translate3d(-185px, -162px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(1px, 270px, 0) rotate(720deg); transform: translate3d(1px, 270px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-117px, -158px, 0) rotate(1080deg); transform: translate3d(-117px, -158px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(398px, 225px, 0) rotate(1440deg); transform: translate3d(398px, 225px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-36 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-185px, -162px, 0) rotate(360deg); transform: translate3d(-185px, -162px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(1px, 270px, 0) rotate(720deg); transform: translate3d(1px, 270px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-117px, -158px, 0) rotate(1080deg); transform: translate3d(-117px, -158px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(398px, 225px, 0) rotate(1440deg); transform: translate3d(398px, 225px, 0) rotate(1440deg); }
}
.heart-bg-37 { top: 94%; left: 100%; -webkit-animation: hearts-bg-37 120s infinite alternate linear; animation: hearts-bg-37 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-37 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-55px, -77px, 0) rotate(360deg); transform: translate3d(-55px, -77px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(350px, 174px, 0) rotate(720deg); transform: translate3d(350px, 174px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-2px, -2px, 0) rotate(1080deg); transform: translate3d(-2px, -2px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(152px, 89px, 0) rotate(1440deg); transform: translate3d(152px, 89px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-37 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-55px, -77px, 0) rotate(360deg); transform: translate3d(-55px, -77px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(350px, 174px, 0) rotate(720deg); transform: translate3d(350px, 174px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-2px, -2px, 0) rotate(1080deg); transform: translate3d(-2px, -2px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(152px, 89px, 0) rotate(1440deg); transform: translate3d(152px, 89px, 0) rotate(1440deg); }
}
.heart-bg-38 { top: 75%; left: 38%; -webkit-animation: hearts-bg-38 120s infinite alternate linear; animation: hearts-bg-38 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-38 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-132px, -188px, 0) rotate(360deg); transform: translate3d(-132px, -188px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(156px, 308px, 0) rotate(720deg); transform: translate3d(156px, 308px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-80px, -153px, 0) rotate(1080deg); transform: translate3d(-80px, -153px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(181px, 87px, 0) rotate(1440deg); transform: translate3d(181px, 87px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-38 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-132px, -188px, 0) rotate(360deg); transform: translate3d(-132px, -188px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(156px, 308px, 0) rotate(720deg); transform: translate3d(156px, 308px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-80px, -153px, 0) rotate(1080deg); transform: translate3d(-80px, -153px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(181px, 87px, 0) rotate(1440deg); transform: translate3d(181px, 87px, 0) rotate(1440deg); }
}
.heart-bg-39 { top: 87%; left: 9%; -webkit-animation: hearts-bg-39 120s infinite alternate linear; animation: hearts-bg-39 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-39 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-29px, -80px, 0) rotate(360deg); transform: translate3d(-29px, -80px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(315px, 186px, 0) rotate(720deg); transform: translate3d(315px, 186px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-14px, -151px, 0) rotate(1080deg); transform: translate3d(-14px, -151px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(3px, 150px, 0) rotate(1440deg); transform: translate3d(3px, 150px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-39 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-29px, -80px, 0) rotate(360deg); transform: translate3d(-29px, -80px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(315px, 186px, 0) rotate(720deg); transform: translate3d(315px, 186px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-14px, -151px, 0) rotate(1080deg); transform: translate3d(-14px, -151px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(3px, 150px, 0) rotate(1440deg); transform: translate3d(3px, 150px, 0) rotate(1440deg); }
}
.heart-bg-40 { top: 83%; left: 4%; -webkit-animation: hearts-bg-40 120s infinite alternate linear; animation: hearts-bg-40 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-40 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-32px, -155px, 0) rotate(360deg); transform: translate3d(-32px, -155px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(360px, 389px, 0) rotate(720deg); transform: translate3d(360px, 389px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-45px, -48px, 0) rotate(1080deg); transform: translate3d(-45px, -48px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(134px, 161px, 0) rotate(1440deg); transform: translate3d(134px, 161px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-40 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-32px, -155px, 0) rotate(360deg); transform: translate3d(-32px, -155px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(360px, 389px, 0) rotate(720deg); transform: translate3d(360px, 389px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-45px, -48px, 0) rotate(1080deg); transform: translate3d(-45px, -48px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(134px, 161px, 0) rotate(1440deg); transform: translate3d(134px, 161px, 0) rotate(1440deg); }
}
.heart-bg-41 { top: 42%; left: 83%; -webkit-animation: hearts-bg-41 120s infinite alternate linear; animation: hearts-bg-41 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-41 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-115px, -94px, 0) rotate(360deg); transform: translate3d(-115px, -94px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(17px, 6px, 0) rotate(720deg); transform: translate3d(17px, 6px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-116px, -165px, 0) rotate(1080deg); transform: translate3d(-116px, -165px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(165px, 157px, 0) rotate(1440deg); transform: translate3d(165px, 157px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-41 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-115px, -94px, 0) rotate(360deg); transform: translate3d(-115px, -94px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(17px, 6px, 0) rotate(720deg); transform: translate3d(17px, 6px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-116px, -165px, 0) rotate(1080deg); transform: translate3d(-116px, -165px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(165px, 157px, 0) rotate(1440deg); transform: translate3d(165px, 157px, 0) rotate(1440deg); }
}
.heart-bg-42 { top: 43%; left: 64%; -webkit-animation: hearts-bg-42 120s infinite alternate linear; animation: hearts-bg-42 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-42 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-118px, -67px, 0) rotate(360deg); transform: translate3d(-118px, -67px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(296px, 289px, 0) rotate(720deg); transform: translate3d(296px, 289px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-57px, -29px, 0) rotate(1080deg); transform: translate3d(-57px, -29px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(371px, 357px, 0) rotate(1440deg); transform: translate3d(371px, 357px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-42 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-118px, -67px, 0) rotate(360deg); transform: translate3d(-118px, -67px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(296px, 289px, 0) rotate(720deg); transform: translate3d(296px, 289px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-57px, -29px, 0) rotate(1080deg); transform: translate3d(-57px, -29px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(371px, 357px, 0) rotate(1440deg); transform: translate3d(371px, 357px, 0) rotate(1440deg); }
}
.heart-bg-43 { top: 55%; left: 24%; -webkit-animation: hearts-bg-43 120s infinite alternate linear; animation: hearts-bg-43 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-43 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-79px, -35px, 0) rotate(360deg); transform: translate3d(-79px, -35px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(83px, 82px, 0) rotate(720deg); transform: translate3d(83px, 82px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-152px, -161px, 0) rotate(1080deg); transform: translate3d(-152px, -161px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(231px, 343px, 0) rotate(1440deg); transform: translate3d(231px, 343px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-43 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-79px, -35px, 0) rotate(360deg); transform: translate3d(-79px, -35px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(83px, 82px, 0) rotate(720deg); transform: translate3d(83px, 82px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-152px, -161px, 0) rotate(1080deg); transform: translate3d(-152px, -161px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(231px, 343px, 0) rotate(1440deg); transform: translate3d(231px, 343px, 0) rotate(1440deg); }
}
.heart-bg-44 { top: 59%; left: 43%; -webkit-animation: hearts-bg-44 120s infinite alternate linear; animation: hearts-bg-44 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-44 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-165px, -69px, 0) rotate(360deg); transform: translate3d(-165px, -69px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(83px, 316px, 0) rotate(720deg); transform: translate3d(83px, 316px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-89px, -171px, 0) rotate(1080deg); transform: translate3d(-89px, -171px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(77px, 64px, 0) rotate(1440deg); transform: translate3d(77px, 64px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-44 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-165px, -69px, 0) rotate(360deg); transform: translate3d(-165px, -69px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(83px, 316px, 0) rotate(720deg); transform: translate3d(83px, 316px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-89px, -171px, 0) rotate(1080deg); transform: translate3d(-89px, -171px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(77px, 64px, 0) rotate(1440deg); transform: translate3d(77px, 64px, 0) rotate(1440deg); }
}
.heart-bg-45 { top: 100%; left: 96%; -webkit-animation: hearts-bg-45 120s infinite alternate linear; animation: hearts-bg-45 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-45 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-92px, -150px, 0) rotate(360deg); transform: translate3d(-92px, -150px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(153px, 191px, 0) rotate(720deg); transform: translate3d(153px, 191px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-21px, -58px, 0) rotate(1080deg); transform: translate3d(-21px, -58px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(56px, 117px, 0) rotate(1440deg); transform: translate3d(56px, 117px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-45 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-92px, -150px, 0) rotate(360deg); transform: translate3d(-92px, -150px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(153px, 191px, 0) rotate(720deg); transform: translate3d(153px, 191px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-21px, -58px, 0) rotate(1080deg); transform: translate3d(-21px, -58px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(56px, 117px, 0) rotate(1440deg); transform: translate3d(56px, 117px, 0) rotate(1440deg); }
}
.heart-bg-46 { top: 72%; left: 50%; -webkit-animation: hearts-bg-46 120s infinite alternate linear; animation: hearts-bg-46 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-46 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-72px, -159px, 0) rotate(360deg); transform: translate3d(-72px, -159px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(132px, 160px, 0) rotate(720deg); transform: translate3d(132px, 160px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-120px, -183px, 0) rotate(1080deg); transform: translate3d(-120px, -183px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(195px, 237px, 0) rotate(1440deg); transform: translate3d(195px, 237px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-46 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-72px, -159px, 0) rotate(360deg); transform: translate3d(-72px, -159px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(132px, 160px, 0) rotate(720deg); transform: translate3d(132px, 160px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-120px, -183px, 0) rotate(1080deg); transform: translate3d(-120px, -183px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(195px, 237px, 0) rotate(1440deg); transform: translate3d(195px, 237px, 0) rotate(1440deg); }
}
.heart-bg-47 { top: 41%; left: 28%; -webkit-animation: hearts-bg-47 120s infinite alternate linear; animation: hearts-bg-47 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-47 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-133px, -67px, 0) rotate(360deg); transform: translate3d(-133px, -67px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(225px, 229px, 0) rotate(720deg); transform: translate3d(225px, 229px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-1px, -168px, 0) rotate(1080deg); transform: translate3d(-1px, -168px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(115px, 59px, 0) rotate(1440deg); transform: translate3d(115px, 59px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-47 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-133px, -67px, 0) rotate(360deg); transform: translate3d(-133px, -67px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(225px, 229px, 0) rotate(720deg); transform: translate3d(225px, 229px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-1px, -168px, 0) rotate(1080deg); transform: translate3d(-1px, -168px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(115px, 59px, 0) rotate(1440deg); transform: translate3d(115px, 59px, 0) rotate(1440deg); }
}
.heart-bg-48 { top: 21%; left: 36%; -webkit-animation: hearts-bg-48 120s infinite alternate linear; animation: hearts-bg-48 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-48 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-102px, -68px, 0) rotate(360deg); transform: translate3d(-102px, -68px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(298px, 379px, 0) rotate(720deg); transform: translate3d(298px, 379px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-93px, -56px, 0) rotate(1080deg); transform: translate3d(-93px, -56px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(331px, 93px, 0) rotate(1440deg); transform: translate3d(331px, 93px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-48 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-102px, -68px, 0) rotate(360deg); transform: translate3d(-102px, -68px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(298px, 379px, 0) rotate(720deg); transform: translate3d(298px, 379px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-93px, -56px, 0) rotate(1080deg); transform: translate3d(-93px, -56px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(331px, 93px, 0) rotate(1440deg); transform: translate3d(331px, 93px, 0) rotate(1440deg); }
}
.heart-bg-49 { top: 74%; left: 8%; -webkit-animation: hearts-bg-49 120s infinite alternate linear; animation: hearts-bg-49 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-49 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-169px, -97px, 0) rotate(360deg); transform: translate3d(-169px, -97px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(50px, 246px, 0) rotate(720deg); transform: translate3d(50px, 246px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-91px, -55px, 0) rotate(1080deg); transform: translate3d(-91px, -55px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(349px, 200px, 0) rotate(1440deg); transform: translate3d(349px, 200px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-49 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-169px, -97px, 0) rotate(360deg); transform: translate3d(-169px, -97px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(50px, 246px, 0) rotate(720deg); transform: translate3d(50px, 246px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-91px, -55px, 0) rotate(1080deg); transform: translate3d(-91px, -55px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(349px, 200px, 0) rotate(1440deg); transform: translate3d(349px, 200px, 0) rotate(1440deg); }
}
.heart-bg-50 { top: 13%; left: 56%; -webkit-animation: hearts-bg-50 120s infinite alternate linear; animation: hearts-bg-50 120s infinite alternate linear;
}
@-webkit-keyframes hearts-bg-50 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-82px, -163px, 0) rotate(360deg); transform: translate3d(-82px, -163px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(67px, 43px, 0) rotate(720deg); transform: translate3d(67px, 43px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-100px, -92px, 0) rotate(1080deg); transform: translate3d(-100px, -92px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(119px, 105px, 0) rotate(1440deg); transform: translate3d(119px, 105px, 0) rotate(1440deg); }
}
@keyframes hearts-bg-50 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); } 25% { -webkit-transform: translate3d(-82px, -163px, 0) rotate(360deg); transform: translate3d(-82px, -163px, 0) rotate(360deg); } 50% { -webkit-transform: translate3d(67px, 43px, 0) rotate(720deg); transform: translate3d(67px, 43px, 0) rotate(720deg); } 75% { -webkit-transform: translate3d(-100px, -92px, 0) rotate(1080deg); transform: translate3d(-100px, -92px, 0) rotate(1080deg); } 100% { -webkit-transform: translate3d(119px, 105px, 0) rotate(1440deg); transform: translate3d(119px, 105px, 0) rotate(1440deg); }
}
.heart-inner-1 { left: 4%; opacity: 0; -webkit-animation: hearts-inner-1 1500ms infinite linear; animation: hearts-inner-1 1500ms infinite linear; -webkit-animation-delay: 3369ms; animation-delay: 3369ms;
}
@-webkit-keyframes hearts-inner-1 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-1 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-2 { left: 8%; opacity: 0; -webkit-animation: hearts-inner-2 1500ms infinite linear; animation: hearts-inner-2 1500ms infinite linear; -webkit-animation-delay: 4895ms; animation-delay: 4895ms;
}
@-webkit-keyframes hearts-inner-2 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-2 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-3 { left: 12%; opacity: 0; -webkit-animation: hearts-inner-3 1500ms infinite linear; animation: hearts-inner-3 1500ms infinite linear; -webkit-animation-delay: 909ms; animation-delay: 909ms;
}
@-webkit-keyframes hearts-inner-3 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-3 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-4 { left: 16%; opacity: 0; -webkit-animation: hearts-inner-4 1500ms infinite linear; animation: hearts-inner-4 1500ms infinite linear; -webkit-animation-delay: 408ms; animation-delay: 408ms;
}
@-webkit-keyframes hearts-inner-4 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-4 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-5 { left: 20%; opacity: 0; -webkit-animation: hearts-inner-5 1500ms infinite linear; animation: hearts-inner-5 1500ms infinite linear; -webkit-animation-delay: 4899ms; animation-delay: 4899ms;
}
@-webkit-keyframes hearts-inner-5 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-5 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-6 { left: 24%; opacity: 0; -webkit-animation: hearts-inner-6 1500ms infinite linear; animation: hearts-inner-6 1500ms infinite linear; -webkit-animation-delay: 2009ms; animation-delay: 2009ms;
}
@-webkit-keyframes hearts-inner-6 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-6 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-7 { left: 28%; opacity: 0; -webkit-animation: hearts-inner-7 1500ms infinite linear; animation: hearts-inner-7 1500ms infinite linear; -webkit-animation-delay: 3747ms; animation-delay: 3747ms;
}
@-webkit-keyframes hearts-inner-7 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-7 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-8 { left: 32%; opacity: 0; -webkit-animation: hearts-inner-8 1500ms infinite linear; animation: hearts-inner-8 1500ms infinite linear; -webkit-animation-delay: 586ms; animation-delay: 586ms;
}
@-webkit-keyframes hearts-inner-8 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-8 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-9 { left: 36%; opacity: 0; -webkit-animation: hearts-inner-9 1500ms infinite linear; animation: hearts-inner-9 1500ms infinite linear; -webkit-animation-delay: 171ms; animation-delay: 171ms;
}
@-webkit-keyframes hearts-inner-9 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-9 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-10 { left: 40%; opacity: 0; -webkit-animation: hearts-inner-10 1500ms infinite linear; animation: hearts-inner-10 1500ms infinite linear; -webkit-animation-delay: 4124ms; animation-delay: 4124ms;
}
@-webkit-keyframes hearts-inner-10 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-10 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-11 { left: 44%; opacity: 0; -webkit-animation: hearts-inner-11 1500ms infinite linear; animation: hearts-inner-11 1500ms infinite linear; -webkit-animation-delay: 3741ms; animation-delay: 3741ms;
}
@-webkit-keyframes hearts-inner-11 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-11 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-12 { left: 48%; opacity: 0; -webkit-animation: hearts-inner-12 1500ms infinite linear; animation: hearts-inner-12 1500ms infinite linear; -webkit-animation-delay: 3711ms; animation-delay: 3711ms;
}
@-webkit-keyframes hearts-inner-12 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-12 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-13 { left: 52%; opacity: 0; -webkit-animation: hearts-inner-13 1500ms infinite linear; animation: hearts-inner-13 1500ms infinite linear; -webkit-animation-delay: 1838ms; animation-delay: 1838ms;
}
@-webkit-keyframes hearts-inner-13 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-13 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-14 { left: 56%; opacity: 0; -webkit-animation: hearts-inner-14 1500ms infinite linear; animation: hearts-inner-14 1500ms infinite linear; -webkit-animation-delay: 4227ms; animation-delay: 4227ms;
}
@-webkit-keyframes hearts-inner-14 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-14 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-15 { left: 60%; opacity: 0; -webkit-animation: hearts-inner-15 1500ms infinite linear; animation: hearts-inner-15 1500ms infinite linear; -webkit-animation-delay: 3292ms; animation-delay: 3292ms;
}
@-webkit-keyframes hearts-inner-15 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-15 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-16 { left: 64%; opacity: 0; -webkit-animation: hearts-inner-16 1500ms infinite linear; animation: hearts-inner-16 1500ms infinite linear; -webkit-animation-delay: 494ms; animation-delay: 494ms;
}
@-webkit-keyframes hearts-inner-16 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-16 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-17 { left: 68%; opacity: 0; -webkit-animation: hearts-inner-17 1500ms infinite linear; animation: hearts-inner-17 1500ms infinite linear; -webkit-animation-delay: 352ms; animation-delay: 352ms;
}
@-webkit-keyframes hearts-inner-17 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-17 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-18 { left: 72%; opacity: 0; -webkit-animation: hearts-inner-18 1500ms infinite linear; animation: hearts-inner-18 1500ms infinite linear; -webkit-animation-delay: 3092ms; animation-delay: 3092ms;
}
@-webkit-keyframes hearts-inner-18 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-18 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-19 { left: 76%; opacity: 0; -webkit-animation: hearts-inner-19 1500ms infinite linear; animation: hearts-inner-19 1500ms infinite linear; -webkit-animation-delay: 3823ms; animation-delay: 3823ms;
}
@-webkit-keyframes hearts-inner-19 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-19 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-20 { left: 80%; opacity: 0; -webkit-animation: hearts-inner-20 1500ms infinite linear; animation: hearts-inner-20 1500ms infinite linear; -webkit-animation-delay: 3313ms; animation-delay: 3313ms;
}
@-webkit-keyframes hearts-inner-20 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-20 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-21 { left: 84%; opacity: 0; -webkit-animation: hearts-inner-21 1500ms infinite linear; animation: hearts-inner-21 1500ms infinite linear; -webkit-animation-delay: 1997ms; animation-delay: 1997ms;
}
@-webkit-keyframes hearts-inner-21 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-21 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-22 { left: 88%; opacity: 0; -webkit-animation: hearts-inner-22 1500ms infinite linear; animation: hearts-inner-22 1500ms infinite linear; -webkit-animation-delay: 3803ms; animation-delay: 3803ms;
}
@-webkit-keyframes hearts-inner-22 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-22 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-23 { left: 92%; opacity: 0; -webkit-animation: hearts-inner-23 1500ms infinite linear; animation: hearts-inner-23 1500ms infinite linear; -webkit-animation-delay: 2107ms; animation-delay: 2107ms;
}
@-webkit-keyframes hearts-inner-23 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-23 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-24 { left: 96%; opacity: 0; -webkit-animation: hearts-inner-24 1500ms infinite linear; animation: hearts-inner-24 1500ms infinite linear; -webkit-animation-delay: 170ms; animation-delay: 170ms;
}
@-webkit-keyframes hearts-inner-24 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-24 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
.heart-inner-25 { left: 100%; opacity: 0; -webkit-animation: hearts-inner-25 1500ms infinite linear; animation: hearts-inner-25 1500ms infinite linear; -webkit-animation-delay: 3511ms; animation-delay: 3511ms;
}
@-webkit-keyframes hearts-inner-25 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}
@keyframes hearts-inner-25 { 0% { -webkit-transform: translate3d(0, 0, 0) rotate(0deg); transform: translate3d(0, 0, 0) rotate(0deg); opacity: 0; } 50% { -webkit-transform: translate3d(-25px, 32px, 0) rotate(180deg); transform: translate3d(-25px, 32px, 0) rotate(180deg); opacity: .7; } 100% { -webkit-transform: translate3d(-50px, 75px, 0) rotate(360deg); transform: translate3d(-50px, 75px, 0) rotate(360deg); opacity: 0; }
}

For you, sweetie! - Script Codes JS Codes

'use strict';
$(document).ready(function () { var $btnOuter = $('.box__btn--outer'); var $btnInner = $('.box__btn--inner'); var $inner = $('.box__inner'); var $outer = $('.box__outer'); var $logo = $('.box__outer-logo'); var slideOutInnerDelay = 650; var animation = false; var numOfHeartsBg = 50; // Change this variable also in CSS var numOfHeartsInner = 25; // Change this variable also in CSS $(document).on('click', '.box__btn--outer', function () { if (animation) return; animation = true; $inner.addClass('show-in-inner'); $outer.addClass('show-out-outer'); setTimeout(function () { $btnOuter.removeClass('scale-in-btn-outer'); $logo.removeClass('beat-logo'); animation = false; }, 750); }); $(document).on('click', '.box__btn--inner', function () { if (animation) return; $inner.removeClass('show-in-inner').addClass('slide-out-inner'); $outer.removeClass('show-out-outer'); setTimeout(function () { $inner.removeClass('slide-out-inner'); $btnOuter.addClass('scale-in-btn-outer'); $logo.addClass('beat-logo'); animation = false; }, slideOutInnerDelay); }); //*** Hearts *** var hearts = function hearts() { var docFragBg = $(document.createDocumentFragment()); var docFragInner = $(document.createDocumentFragment()); var $con = $('.container'); var $conInnerHearts = $('.box__inner-hearts'); for (var i = 1, l = 1; i <= numOfHeartsBg, l <= numOfHeartsInner; i++, l++) { var heartBg = $('<div class="heart heart-bg-' + i + '">\n <i class="fa fa-heart" aria-hidden="true"></i>\n </div>'); var heartInner = $('<div class="heart heart-inner-' + l + '">\n <i class="fa fa-heart fa-heart--inner" aria-hidden="true"></i>\n </div>'); docFragBg.append(heartBg); docFragInner.append(heartInner); } $con.append(docFragBg); $conInnerHearts.append(docFragInner); }; hearts();
});
For you, sweetie! - Script Codes
For you, sweetie! - Script Codes
Home Page Home
Developer Rahul Kumar
Username rk007
Uploaded October 14, 2022
Rating 3
Size 16,897 Kb
Views 20,240
Do you need developer help for For you, sweetie!?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Rahul Kumar (rk007) Script Codes
Name
Bitch Roxana
Hmmm...
Hey
HeartIt
You
Coffee
A Pen by Rahul Kumar
Smile
-
For you
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!