.sidebar-brand .sidebar-brand-full { letter-spacing:.3px }
.wrapper {
    transition: margin-left 0.3s ease;
}
#wrapperCards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items:center;
    width:100%;
    gap:50px;
}
.card
{
    width:100%;
}
.card-header{
    min-height:40px;
    max-height:500px;
}
a {
    text-decoration: none;
}
    a:hover {
        cursor: pointer; /* fareyi üzerine getirince seçme (el işareti) çıkar */
        color: darkred; /* isteğe bağlı: renk değişsin */
    }

@keyframes float {
    0%,100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }
}

@media (max-width:640px) {
    .wrap {
        grid-template-columns: 1fr;
        text-align: center
    }
}

@media (prefers-color-scheme: dark) {
    .eye {
        fill: #e6ecff
    }
}

@keyframes blink {
    0%, 2%, 60%, 62%, 100% {
        transform: scaleY(1)
    }

    1%, 61% {
        transform: scaleY(.1)
    }
}

@media (prefers-color-scheme: dark) {
    : root {
        --bg1: #0e1320;
        --bg2: #0b1020;
        --card: #121829;
        --text: #e6ecff;
        --muted: #9fb0d4;
        --btn: #7682ff;
        --btn-hover: #6b77f7;
        --accent: #ffd166;
        --ok: #34d399;
        --danger: #ff6b6b;
        --shadow: 0 20px 60px rgba(0,0,0,.35);
        --ring: 0 0 0 3px rgba(118,130,255,.35);
    }
}

@keyframes twinkle {
    0%,100% {
        transform: scale(0.8);
        opacity: .65
    }

    50% {
        transform: scale(1);
        opacity: 1
    }
}