@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    scroll-behavior: smooth;
}

.font-mono {
    font-family: 'Roboto Mono', monospace;
}

.neon-text {
    text-shadow: 0 0 5px rgba(0, 255, 65, 0.5), 0 0 10px rgba(0, 255, 65, 0.3);
    color: #00ff41;
}

.shadow-neon-purple {
    box-shadow: 0 0 15px rgba(148, 0, 211, 0.5);
}

.hover-flicker:hover {
    animation: flicker 1.5s infinite alternate;
}

@keyframes flicker {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow:
            0 0 5px rgba(0, 255, 65, 0.5),
            0 0 10px rgba(0, 255, 65, 0.3);
    }
    20%, 24%, 55% {
        text-shadow:
            0 0 5px rgba(0, 255, 65, 0.2),
            0 0 15px rgba(0, 255, 65, 0.1),
            0 0 20px rgba(0, 255, 65, 0.05);
    }
}

.glow-on-hover:hover {
    box-shadow: 0 0 15px rgba(0, 255, 65, 0.5);
    transition: box-shadow 0.3s ease;
}

.terminal-effect {
    border-left: 3px solid #00ff41;
    padding-left: 15px;
    animation: blink 1s step-end infinite;
}

@keyframes blink {
    from, to { border-color: transparent }
    50% { border-color: #00ff41 }
}