.fade-in-bottom-1s
{
    animation: fade-in-bottom 1s ease-in-out;
}
@keyframes fade-in-bottom
{
    0%
    {
        transform: translateY(50px);
        opacity: 0;
    }
    100%
    {
        transform: translate(0px);
        opacity: 1;
    }
}

.fade-in-bottom-2s
{
    animation: fade-in-bottom 2s ease-in-out;
}
@keyframes fade-in-bottom
{
    0%
    {
        transform: translateY(50px);
        opacity: 0;
    }
    100%
    {
        transform: translate(0px);
        opacity: 1;
    }
}

.opacity-05s
{
    animation: opacity 0.5s ease-in-out;
    animation-delay: 1s; /* animacija počinje 1 sekundu nakon učitavanja */
  animation-fill-mode: both; /* zadrži krajnje stanje animacije */

}
@keyframes opacity
{
    0%
    {
        /* transform: translateY(50px); */
        opacity: 0;
    }
    100%
    {
        /* transform: translate(0px); */
        opacity: 1;
    }
}