/* style.css */
textarea::-webkit-scrollbar { width: 8px; }
textarea::-webkit-scrollbar-track { background: transparent; }
textarea::-webkit-scrollbar-thumb { background-color: #334155; border-radius: 20px; }
textarea::-webkit-scrollbar-thumb:hover { background-color: #475569; }

.animate-fade-in { animation: fadeIn 0.2s ease-out forwards; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* This class handles the hover color for ALL icons, including custom one */
.social-link {
    @apply text-slate-500 hover:text-white transition-all duration-200 hover:scale-110 transform cursor-pointer;
}

.no-resize { resize: none; }