Te amo ❤️

[Bereniceguzman]

<title>Para mí gera ábrelo 💕</title> <style> body { margin: 0; height: 100vh; background-color: #f8c6d4; /* Rosa pastel */ overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; font-family: Arial, sans-serif; /* Fuente general para el texto */ }

    .heart {
        position: absolute;
        font-size: 2rem; /* Tamaño del corazón */
        color: #ff6b6b; /* Color del corazón */
        text-shadow: 0 0 5px #ff6b6b, 0 0 10px #ff6b6b, 0 0 15px #ff6b6b; /* Efecto brillante */
        animation: sparkle 1.5s infinite;
    }

    @keyframes sparkle {
        0% { opacity: 1; }
        50% { opacity: 0.5; }
        100% { opacity: 1; }
    }

    /* Posiciones de los corazones */
    .top-left { top: 0; left: 0; }
    .top-center { top: 0; left: 50%; transform: translateX(-50%); }
    .top-right { top: 0; right: 0; }

    .bottom-left { bottom: 0; left: 0; }
    .bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); }
    .bottom-right { bottom: 0; right: 0; }

    .right-top { top: 25%; right: 0; }
    .right-middle { top: 50%; right: 0; }
    .right-bottom { bottom: 25%; right: 0; }

    .left-top { top: 25%; left: 0; }
    .left-middle { top: 50%; left: 0; }
    .left-bottom { bottom: 25%; left: 0; }

    .duck {
        position: absolute;
        width: 150px; /* Tamaño del pato */
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .text-top, .text-bottom {
        position: absolute;
        width: 90%;
        text-align: center;
        font-size: 1.2rem; /* Tamaño del texto */
        color: black; /* Color del texto */
        font-family: 'Segoe Print', cursive; /* Fuente Segoe Print */
        line-height: 1.4; /* Espaciado entre líneas */
        font-weight: bold; /* Texto en negrita */
    }

    .text-top {
        top: 10%; /* Posición desde la parte superior */
    }

    .text-bottom {
        bottom: 20%; /* Ajusta la posición desde la parte inferior */
    }
</style>

<div class="heart top-left">❤️</div>
<div class="heart top-center">❤️</div>
<div class="heart top-right">❤️</div>

<div class="heart bottom-left">❤️</div>
<div class="heart bottom-center">❤️</div>
<div class="heart bottom-right">❤️</div>

<div class="heart right-top">❤️</div>
<div class="heart right-middle">❤️</div>
<div class="heart right-bottom">❤️</div>

<div class="heart left-top">❤️</div>
<div class="heart left-middle">❤️</div>
<div class="heart left-bottom">❤️</div>

<div class="text-top">
    Te quiero como quieren los patos<br>
    Pa toda la vida mi Gera
</div>
<div class="text-bottom">
    Te amo demasiado mi niño precioso, aunque peleemos mucho, mi amor por ti es mucho más.
</div>