/*ridefinizione colore primario bulma*/
:root {
    --bulma-primary-h: 228;
    --bulma-primary-s: 8%;
    --bulma-primary-l: 22%;
    
}
.control, .input, .select, .textarea {
    --bulma-input-border-l-delta: 50%;
    --bulma-input-placeholder-color: hsla(var(--bulma-text-h), var(--bulma-text-s), var(--bulma-text-strong-l), 0.5);
}
body {
    background-color: #f5f5f5;
    font-family: "Comfortaa", cursive, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #4a4a4a;
}

a {
    color: #35363a;
    text-decoration: none;
    background-color: transparent;
}

.reverse-columns {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

@media (min-width: 1024px) {
    .reverse-columns {
        flex-direction: row !important;
        align-items: center;
    }
}

.is-fullwidth {
    width: 100%
}

.gap-0 {
    gap: 0rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.5rem;
}

.gap-6 {
    gap: 3rem;
}