:root {
    --c-dark : #1A1A1A;
    --c-light : #EEEEEE;
    --c-primary : #020202;
    --c-primary-hover : #ec3535;
    --font-base : 'inter', sans-serif;
    --transition : all 0.5s ease;
}

body {
    font-family: var(--font-base);
    line-height: 1.5;
    color: var(--c-primary);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 600;
}

a {
    text-decoration: none;
    color: var(--c-primary);
    transition: var(--transition);
}

a:hover {
    color: var(--c-primary-hover);
}

.kategori {
    transition: transform 0.3s ease;
}

.kategori:hover {
    transform: scale(1.2);
}