:root{
    --clr-dark:#09090b ;
    --clr-light:#fafafa ;
    --clr-slate400:#a3a3a3 ;
    --clr-slate600:#52525b ;
    --clr-slate800:#27272a ;
    /* sizes */
    --size-xxs:0.5rem ;
    --size-xs:  0.75rem ;
    --size-sm:  0.875rem ;
    --size-base: 1rem ;
    --size-lg: 1.125rem ;
    --size-xl:  1.25rem ;
    --size-2xl: 1.5rem ;
    --size-3xl: 1.875rem ;
    --size-4xl: 2.25rem ;
    --size-5xl: 3rem;
    --size-6xl: 3.75rem;
    --size-7xl: 4.5rem;
    --size-8xl: 6rem;
    --size-9xl: 8rem;
    --size-10xl: 10rem;
}


*{
    margin: 0;
    line-height: calc(1em + 0.5rem);
}
html{
    scroll-behavior: smooth;
}
body{
    font-family: "Poppins", sans-serif;
}
.background{
    background-image: url("../public/pozadi.jpg");
    background-size: cover;
    background-position: center 5rem;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    
}

img,
picture,
video,
canvas,
svg,
svg{
    max-width: 100%;
    user-select: none;
    display: block;
}

button{
    display: inline-block;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
}