aitorfernandez/financieropro-gradient

1/* Custom styles */2html {3  scroll-behavior: smooth;4}5 6body {7  min-height: 100vh;8  display: flex;9  flex-direction: column;10  background-color: #000000;11  color: white;12  font-family: 'Inter', sans-serif;13  line-height: 1.6;14}15 16/* Animations */17.transition-all {18  transition-property: all;19  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);20  transition-duration: 500ms;21}22 23/* Scrollbar */24::-webkit-scrollbar {25  width: 10px;26}27 28::-webkit-scrollbar-track {29  background: #111827;30}31 32::-webkit-scrollbar-thumb {33  background: linear-gradient(to bottom, #f59e0b, #d97706);34  border-radius: 5px;35}36 37::-webkit-scrollbar-thumb:hover {38  background: linear-gradient(to bottom, #d97706, #b45309);39}40 41/* Gradient text */42.text-gradient {43  background: linear-gradient(to right, #f59e0b, #d97706);44  -webkit-background-clip: text;45  -webkit-text-fill-color: transparent;46}47 48/* Custom animations */49@keyframes float {50  0%, 100% {51    transform: translateY(0);52  }53  50% {54    transform: translateY(-10px);55  }56}57 58.animate-float {59  animation: float 3s ease-in-out infinite;60}61 62/* AOS animations */63[data-aos="fade-up"] {64  opacity: 0;65  transform: translateY(40px);66  transition-property: opacity, transform;67}68 69[data-aos="fade-down"] {70  opacity: 0;71  transform: translateY(-40px);72  transition-property: opacity, transform;73}74 75[data-aos="fade-right"] {76  opacity: 0;77  transform: translateX(-40px);78  transition-property: opacity, transform;79}80 81[data-aos="fade-left"] {82  opacity: 0;83  transform: translateX(40px);84  transition-property: opacity, transform;85}86 87[data-aos].aos-animate {88  opacity: 1;89  transform: translate(0);90}