body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.imageContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2em 0}.img{border:2px solid #ddd;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-filter:grayscale(80%);filter:grayscale(80%);height:auto;margin:20px;max-width:100%;object-fit:cover;padding:20px;transition:-webkit-transform .2s,-webkit-filter .2s;transition:transform .2s,filter .2s;transition:transform .2s,filter .2s,-webkit-transform .2s,-webkit-filter .2s}.img:hover{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.finalText{background-color:#f1c40f;border-radius:10px;color:#e74c3c;display:inline-block;font-family:Comic Sans MS,sans-serif;font-size:2.5em;margin:2em auto 0;padding:.5em 1em;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.animatedImage{border:2px solid #ddd;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);-webkit-filter:grayscale(80%);filter:grayscale(80%);height:auto;margin:20px;max-width:100%;object-fit:cover;opacity:0;padding:20px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease-in-out,-webkit-transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out;transition:opacity .5s ease-in-out,transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.animatedImage.inView{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out,-webkit-filter 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out,filter 1s ease-in-out;transition:opacity 1s ease-in-out,transform 1s ease-in-out,filter 1s ease-in-out,-webkit-transform 1s ease-in-out,-webkit-filter 1s ease-in-out}.animatedImage.inView,.animatedImage:hover{-webkit-filter:grayscale(0);filter:grayscale(0)}.animatedImage:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.letter{display:inline-block;line-height:1em}@-webkit-keyframes pulsateHeart{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes pulsateHeart{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes beat{0%{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}50%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2)}to{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}}@keyframes beat{0%{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}50%{-webkit-transform:translate(-50%,-50%) scale(2.2);transform:translate(-50%,-50%) scale(2.2)}to{-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2)}}.finalContainer{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-left:50%}.heart-container{-webkit-animation:beat 1.5s infinite alternate;animation:beat 1.5s infinite alternate;height:180px;position:relative;-webkit-transform:scale(1.5em);transform:scale(1.5em);width:200px}.heart-container:after,.heart-container:before{background:#ff6b6b;border-radius:50px 50px 0 0;content:"";height:80%;position:absolute;top:0;width:52%}.heart-container:before{left:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.heart-container:after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}.heart-text{color:#fff;font-size:.8em;left:50%;position:absolute;text-align:center;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1}.arrow{top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}@-webkit-keyframes pulsate{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;-webkit-transform:translate(-50%,-40%) scale(1.1);transform:translate(-50%,-40%) scale(1.1)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes pulsate{0%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;-webkit-transform:translate(-50%,-40%) scale(1.1);transform:translate(-50%,-40%) scale(1.1)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.arrow{-webkit-animation:pulsate 1.5s infinite;animation:pulsate 1.5s infinite;font-size:5em;left:50%;position:absolute;top:30%}.arrow-container{height:250px;margin:auto;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:250px}.heart{-webkit-animation:pulsateHeart 1.5s infinite;animation:pulsateHeart 1.5s infinite;height:180px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:200px}.heart:after,.heart:before{background:red;border-radius:100px 100px 0 0;content:"";height:140px;position:absolute;top:0;width:100px}.heart:before{left:100px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.heart:after{left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}body{background-color:#f0f0f0;color:#333;font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden;padding:0}body,h1{margin:0}h1{color:#2c3e50;font-family:Georgia,serif;font-size:2.5em;padding:.5em 0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:auto;max-width:1200px;overflow:hidden;padding:20px}
/*# sourceMappingURL=main.f9d541f2.css.map*/