body {
    font-family: 'Inter', sans-serif;
    background-color: #0a192f;
    color: #ccd6f6;
}

.glass-effect {
    background: rgba(17, 25, 40, 0.75);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.125);
}

.accent-color {
    color: #64ffda;
}

.accent-bg {
    background-color: #64ffda;
}

.accent-border {
    border-color: #64ffda;
}

.section-heading {
    display: flex;
    align-items: center;
    font-size: 1.75rem;
    /* text-2xl */
    font-weight: 700;
    /* font-bold */
    color: #e6f1ff;
    margin-bottom: 2rem;
    /* mb-8 */
}

.section-heading::after {
    content: '';
    flex-grow: 1;
    height: 1px;
    background-color: #233554;
    /* a bit lighter than slate-700 */
    margin-left: 1rem;
}


/* Scroll Reveal Animation */

.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.project-image {
    width: 75vh;
    height: 70vh;
    transition: transform 0.3s ease;
}

.project-image:hover {
    transform: scale(1.05);
}

.redstiq {
    color: #ff4757;
    font-weight: bold;
    font-size: small;
    font-family: 'Press Start 2P', cursive;
}