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

/* ===== INDEX PAGE SPECIFIC STYLES ===== */
/* Navbar styles moved to css/navbar.css */

.fix-link a {
    color: transparent;
}

.exchange_box {
    cursor: pointer;
}

.exchange_box,
figure {
    transition: 0.2s all;
}

figure:hover {
    transform: scale(1.05);
}

.button:hover {
    transform: scale(1.05);
}

#wavecontainer {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

#waveduco {
    height: 12rem;
    color: white;
    z-index: 1;
    position: absolute;
    display: table;
    margin: 0 auto;
    animation: scale 2.73s ease-in-out infinite;
}

#devices {
    transition: opacity 0.5s;
}

.hide {
    opacity: 0 !important;
}

@keyframes scale {
    0% {
        transform: scale(1.3);
    }

    30% {
        transform: scale(0.9);
    }

    85% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1.3);
    }
}

.centered-figure {
    margin-left: auto;
    margin-right: auto;
}

/* Custom spacing for community section */
.community-section .hero-body {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.community-section .title {
    margin-bottom: 1rem !important;
}

.community-section .buttons {
    margin-top: 1rem !important;
}