Descargar PDF | El Principio del Millón
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #0d1b2a;
color: #ecf0f1;
}
.dinero-cayendo {
position: absolute;
width: 50px;
height: 25px;
background-image: url('data:image/svg+xml;utf8,$');
background-size: contain;
background-repeat: no-repeat;
animation: caer 10s linear infinite;
}
@keyframes caer {
0% { transform: translateY(-100vh) rotate(0deg); opacity: 0; }
10% { opacity: 1; }
100% { transform: translateY(100vh) rotate(360deg); opacity: 0; }
}
.dinero-cayendo:nth-child(1) { left: 10%; animation-delay: 0s; }
.dinero-cayendo:nth-child(2) { left: 20%; animation-delay: 2s; }
.dinero-cayendo:nth-child(3) { left: 30%; animation-delay: 4s; }
.dinero-cayendo:nth-child(4) { left: 40%; animation-delay: 6s; }
.dinero-cayendo:nth-child(5) { left: 50%; animation-delay: 8s; }
.dinero-cayendo:nth-child(6) { left: 60%; animation-delay: 1s; }
.dinero-cayendo:nth-child(7) { left: 70%; animation-delay: 3s; }
.dinero-cayendo:nth-child(8) { left: 80%; animation-delay: 5s; }
.dinero-cayendo:nth-child(9) { left: 90%; animation-delay: 7s; }
.contenedor-boton {
text-align: center;
position: relative;
z-index: 10;
}
.boton-dolar {
display: inline-block;
padding: 20px 40px;
font-size: 24px;
font-weight: 700;
color: #ffffff;
text-decoration: none;
border: none;
border-radius: 100px;
background: linear-gradient(45deg, #1abc9c, #2ecc71);
box-shadow: 0 10px 30px rgba(46, 204, 113, 0.5), 0 0 15px rgba(26, 188, 156, 0.7);
cursor: pointer;
transition: all 0.4s ease;
text-transform: uppercase;
letter-spacing: 1.5px;
position: relative;
overflow: hidden;
transform: scale(1);
}
.boton-dolar:hover {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(46, 204, 113, 0.7), 0 0 20px rgba(26, 188, 156, 0.9);
background: linear-gradient(45deg, #2ecc71, #1abc9c);
}
.boton-dolar:active {
transform: scale(0.98);
box-shadow: 0 5px 20px rgba(46, 204, 113, 0.3);
}
