:root{
    --font-inter: Inter;
    --font-lekton: Lekton;
    --color-darkblue:rgba(64, 65, 108, 1);
    --color-ligthblue:rgba(18, 124, 190, 1);
    --color-lighbrown:rgba(145, 132, 127, 1);
    --color-whitegrey:rgba(238, 238, 238, 1);
    --color-white:white;
    --color-footer:rgba(92, 92, 92, 1);

    --font-size-3rem:3rem;
    --font-size-2rem:2rem;
}

.container-py{
    padding: 6rem 0;
}

.fs-3rem{
    font-size: var(--font-size-3rem)
}

.fs-2rem{
    font-size: var(--font-size-2rem)
}

.fs-rem{
    font-size: 1.3rem;  
}

.fs-footer{
    font-size: 0.7rem;
}

.inter{
    font-family: var(--font-inter);
}

.lekton{
    font-family: var(--font-lekton);
}

.darkblue{
    color: var(--color-darkblue);
}

.bg-darkblue{
    background-color: var(--color-darkblue);
}

.lightblue{
    color: var(--color-ligthblue);
}

.bg-lightblue{
    background-color: var(--color-ligthblue);
}

.lightbrown{
    color: var(--color-lighbrown);
}

.bg-whitegrey{
    background-color: var(--color-whitegrey);
}
.white{
    color: var(--color-white);
}

.bg-footer{
    background-color: var(--color-footer);
}