*{margin:0}body{background-color:#f5b7c0;height:100%}main{height:100%}footer{display:flex;flex-direction:column;position:fixed;bottom:0;width:100%;justify-content:center;align-items:center;padding-bottom:24px}footer>a{font-family:ariana-pro;font-weight:800;letter-spacing:.05rem;font-size:1rem;text-transform:uppercase;text-decoration:none;color:#ed7b8e}footer>a.invite{display:block;background-color:#fff;padding:16px 24px;border-radius:1000px;margin-bottom:24px;position:relative;transition:transform ease-in .1s,box-shadow ease-in .25s}footer>a.invite:before,footer>a.invite:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all ease-in-out .5s;background-repeat:no-repeat}footer>a.invite:before{display:none;top:-75%;background-image:url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg);background-size:24% 24%,16% 16%,24% 24%,16% 16%,16% 16%,24% 24%,24% 24%,16% 16%,24% 24%}footer>a.invite:after{display:none;bottom:-75%;background-image:url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg),url(../../../assets/svg/heart-micro-dpink.svg);background-size:24% 24%,24% 24%,24% 24%,24% 24%,24% 24%,24% 24%,24% 24%}footer>a.invite:active{transform:scale(.9)}footer>a.invite.animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}footer>a.invite.animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}footer>img{height:56px;padding-top:48px}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.valentine{display:flex;flex-direction:column;position:fixed;height:100%;width:100%;justify-content:center;font-family:flood-std}.valentine>.container{position:relative;width:100%}.valentine>.container>img,.valentine>.container p{position:absolute}.valentine>.container>p{display:flex;text-align:center;flex-direction:row;justify-self:center;color:#fff;font-size:4.5rem;z-index:1;left:0;right:0;margin:0 auto;top:16%;transform:rotate(-22.5deg)}.valentine>.container>.heart.large{position:relative;top:0;bottom:0;margin:auto 0}.valentine>.container>.logo-notext{width:56%;top:0;bottom:0;margin:auto 0}.valentine>.container>.heart.medium{width:16%}.valentine>.container.left>.heart.small{width:8%;left:16%;top:0%}.valentine>.container.left>.logo-notext{left:-29%}.valentine>.container.left>.heart.large{width:100%;left:50%}.valentine>.container.left>.heart.medium{left:24%;bottom:8%}.valentine>.container.right>.heart.small{width:8%;right:16%;bottom:-24%}.valentine>.container.right>.logo-notext{right:-29%}.valentine>.container.right>.heart.large{width:100%;right:60%}.valentine>.container.right>.heart.medium{left:0;right:0;bottom:16%;margin:0 auto}