@import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";

.limit-width {
    max-width: 64%;
}

.center-content {
    align-items: flex-start !important;
    justify-content: center !important;
}

.center-all {
    align-items: center !important;
    justify-content: center !important;
}

.szondi-image-container {
    gap: 0.5em;
}

.has-szondi-image {
    height: auto;
    justify-content: center;
    border: 0.3em solid transparent;
}

.has-szondi-image-positive {
    height: auto;
    justify-content: center;
    border: 0.3em solid lightgray;
}

.has-szondi-image-negative {
    height: auto;
    justify-content: center;
    border: 0.3em solid lightgray;
}

@media (hover: hover) and (pointer: fine) {
    .has-szondi-image-positive:hover {
        border: 0.3em solid lime;
    }

    .has-szondi-image-negative:hover {
        border: 0.3em solid red;
    }
}

.image-button {
    padding: 0;
    margin: 0;
    border: none;
    border-style: none;
    background: none;
}

.no-text-decoration {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none !important;
}

.image-preloader {
    height: 0px !important;
    width: 0px !important;
}