/* Custom 70s Styling and Animations */

html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar for a retro feel */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #fcfaf2; 
    border-left: 2px solid #a3b8db;
}

::-webkit-scrollbar-thumb {
    background: #3b5b99; 
    border-radius: 10px;
    border: 3px solid #fcfaf2;
}

::-webkit-scrollbar-thumb:hover {
    background: #16a0d4; 
}

/* Funky border radius for images */
.groovy-img {
    border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    animation: morph 8s ease-in-out infinite;
}

@keyframes morph {
    0%, 100% {
        border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
    }
    34% {
        border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%;
    }
    67% {
        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
    }
}

/* Wavy text effect for hover */
.wavy-hover:hover {
    animation: wave 0.5s ease-in-out infinite alternate;
}

@keyframes wave {
    0% { transform: translateY(0); }
    100% { transform: translateY(-3px); }
}