TOTALLY YOUR AESTHETIC
.aesthetic-line {
font-family: 'Poppins', sans-serif;
text-align: center;
font-size: 6vw; /* Mobile-first */
font-weight: 600;
background: linear-gradient(270deg, #FFBABA, #FF6F75, #E14455, #FF8A8A);
background-size: 300% 300%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
opacity: 0;
animation: fadeIn 1.2s ease-out forwards, redFlow 8s ease-in-out infinite;
letter-spacing: 1px;
line-height: 1.2;
padding: 0 10px;
}
@keyframes fadeIn {
to { opacity: 1; }
}
@keyframes redFlow {
0% { background-position: 0% 50%; }
100% { background-position: 100% 50%; }
}
@media (min-width: 768px) {
.aesthetic-line {
font-size: 1.4em; /* Sleeker on desktop */
}
}
