@font-face {
    font-family: chivo;
    src: url('./fonts/Chivo-Medium.ttf');
}

@font-face {
    font-family: chivo-bold;
    src: url('./fonts/Chivo-SemiBold.ttf');
}

@font-face {
    font-family: oxanium;
    src: url('./fonts/Oxanium-SemiBold.ttf');
}

@font-face {
    font-family: Roboto-Regular;
    src: url('./fonts/Roboto-Regular.ttf')
}

@font-face {
    font-family: Roboto-Bold;
    src: url('./fonts/Roboto-Bold.ttf')
}

:root {
    /* font-sizes */
    font-size: 10px;
    --gigante: 3rem;
    --titulo: 1.8rem;
    --normal: 1.4rem;
    --peque: 1.2rem;
    --tiny: 1rem;
}

h1 {
    font-size: var(--titulo);
}

p {
    font-size: var(--normal);
}