@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

* {
    font-family: "Josefin Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    scroll-behavior: smooth;
}

body {
    background: var(--body-background-color);
    overflow-x: hidden;
}

header .container {
    padding: 15px 25px;
}

main .container {
    padding: 25px;
    margin-bottom: 150px;
}

.homokora-animate {
    animation: forgas-animation 2s ease-in-out infinite ;
}

@keyframes forgas-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.input-mertekegyseg {
    top: 32.25px;
    border-radius: 0 50px 50px 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.border-danger-animation {
    animation: borderDangerAnimation 1s ease-in-out infinite;
}

@keyframes borderDangerAnimation {
    0% {
        border: 1.5px solid rgba(220, 53, 69, 1);
    }

    50% {
        border: 1.5px solid rgba(220, 53, 69, 0);
    }

    100% {
        border: 1.5px solid rgba(220, 53, 69, 1);
    }
}

.text-danger-animation {
    animation: textDangerAnimation 1s ease-in-out infinite;
}

@keyframes textDangerAnimation {
    0% {
        color: rgba(220, 53, 69, 1);
    }

    50% {
        color: rgba(220, 53, 69, 0);
    }

    100% {
        color: rgba(220, 53, 69, 1);
    }
}