body {
    font-family: "Universal Sans", "Segoe UI", "Verdana";
}

[data-bs-theme="dark"] img.img-light { 
    display: none;
}

[data-bs-theme="light"] img.img-dark {
    display: none;
}

[data-bs-theme="auto"] {
    @media (prefers-color-scheme: light) {
        img.img-dark {
            display: none;
        }
    }

    @media (prefers-color-scheme: dark) {
        img.img-light {
            display: none;
        }
    }
}

.col {
    text-align: center;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    padding: 2rem;

    a {
        width: 100%;
    }
    img {
        max-height: 12rem;
        width: 100%;
        object-fit: contain;
        padding: 0.5rem;
    }
}

.col {
    transition: transform 0.25s ease, outline-color .25s ease;
}


.col:active {
    transform: scale(0.95);
}

/*.card:hover {
    outline: 3px solid #63beff;
}*/