@tailwind base;
@tailwind components;
@tailwind utilities;

/* General Styles */
body, html {
    margin: 0;
    padding: 0;
    font-family: 'IBM Plex Mono', monospace;    
    scroll-behavior: smooth;
}

/* Text Scroll Effect */
.link-scroll-effect {
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.link-text-container {
    display: inline-block;
    position: relative;
}

.link-text {
    display: block;
    position: relative;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.link-text-hover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

.link-scroll-effect:hover .link-text {
    transform: translateY(-100%);
}

.link-scroll-effect:hover .link-text-hover {
    transform: translateY(0);
}

/* Override SVG dimensions to allow responsive sizing */
img[src*="PS-AI-Icon.svg"] {
    width: auto !important;
    height: inherit !important;    
}