File size: 1,319 Bytes
750ba83 ca7d13d 750ba83 ca7d13d 750ba83 ca7d13d 455661a 750ba83 ca7d13d 455661a 750ba83 ca7d13d 750ba83 ca7d13d 750ba83 ca7d13d 750ba83 b2e5af0 750ba83 b2e5af0 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
/* Cute styles for message page */
.message-container {
background: rgba(255, 255, 255, 0.8);
border-radius: 30px;
padding: 30px;
max-width: 700px;
margin: 20px auto;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
text-align: center;
}
.birthday-card {
background: linear-gradient(to right, #FF69B4, #FFD700);
border: 4px double #1E90FF;
border-radius: 20px;
padding: 20px;
animation: pulse 2s infinite;
}
.birthday-message {
font-family: 'Comic Neue', cursive;
font-size: 1.5rem;
color: #FF8C00;
margin-bottom: 20px;
}
.gift-list {
list-style: none;
padding: 0;
}
.gift-item {
background: #32CD32;
color: #FFF;
padding: 10px;
margin: 10px 0;
border-radius: 15px;
position: relative;
animation: slideIn 0.5s ease;
}
.gift-item::before {
content: '🦚';
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.birthday-image {
max-width: 200px;
border-radius: 50%;
border: 3px solid #FF69B4;
margin-top: 20px;
}
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
@keyframes slideIn {
from { opacity: 0; transform: translateX(20px); }
to { opacity: 1; transform: translateX(0); }
} |