* {
    padding: 0;
    margin: 0;
    border: none;
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    color:black;
}

.button-default{
    font-family: var(--font-gilroy-medium);
    font-size: var(--font-button-size);
    font-weight: var(--font-body-weight);
    color: var(--color-primary);

    background-color: var(--color-neutral-white);
    border: solid var(--color-primary) 1px;
    border-radius: 10px;
    padding: 16px 32px;

    cursor: pointer;
    transition: 0.3s;
}

.button-default:hover {
    color: var(--color-neutral-white);
    background-color: var(--color-primary);
}

.button-primary {
    font-family: var(--font-gilroy-light);
    color: var(--color-primary);

    background-color: var(--color-neutral-white);
    border: solid var(--color-primary) 1px;
    border-radius: 10px;
    padding: 16px 32px;
    
    cursor: pointer;
    transition: 0.3s;
}

.button-primary:hover{
    color: var(--color-neutral-white);
    background-color: var(--color-primary);
}

.button-secondary{
    font-family: var(--font-gilroy-medium);
    font-size: var(--font-button-size);
    font-weight: var(--font-body-weight);
    color: var(--color-neutral-white);
    
    background-color: var(--color-primary);
    border-radius: 10px;
    padding: 16px 32px;
    
    cursor: pointer;
    transition: 0.3s;
}

.button-secondary:hover{
    color: var(--color-primary);
    background-color: var(--color-neutral-white);
    outline: solid var(--color-primary) 1px;
}

p {
    font-family: var(--font-gilroy-light);
    color: var(--color-neutral-grey);
}

h1 {
    font-family: var(--font-gilroy-bold);
    color: var(--color-neutral--black);
    font-size: var(--font-headline-1-size);
}

h2 {
    font-family: var(--font-gilroy-bold);
    font-size: var(--font-headline-2-size);
    font-weight: var(--font-headline-2-weight);
}

h3 {
    font-family: var(--font-gilroy-bold);
    font-size: var(--font-headline-4-size);
    font-weight: var(--font-headline-4-weight);
}

@font-face {
    font-family: 'Gilroy';
    src: url('Caminho/Gilroy.ttf') format('truetype');         
}

@font-face {
    font-family: 'Gilroy Bold';
    src: url('../assets/fonts/Gilroy-Bold.ttf') format('truetype');         
}

@font-face {
    font-family: 'Gilroy Heavy';
    src: url('../assets/fonts/Gilroy-Heavy.ttf') format('truetype');         
}

@font-face {
    font-family: 'Gilroy Medium';
    src: url('../assets/fonts/Gilroy-Medium.ttf') format('truetype');         
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../assets/fonts/Gilroy-Light.ttf') format('truetype');         
}

:root{
    --color-neutral--black: #000000;
    --color-neutral--black-opacity: rgb(0, 0, 0, 0.6);
    --color-neutral-grey: #999999;
    --color-neutral-white: #FFFFFF;
    --color-bg-overlay: #FAFAFA;
    --color-primary: #00A000;

    --font: 'Gilroy', 'sans-serif';
    --font-gilroy-bold: 'Gilroy Bold', 'sans-serif';
    --font-gilroy-heavy: 'Gilroy Heavy', 'sans-serif';
    --font-gilroy-light: 'Gilroy Light', 'sans-serif';
    --font-gilroy-medium: 'Gilroy Medium', 'sans-serif';

    --font-headline-1-size: 60px;
    --font-headline-1-weight: bold;

    --font-headline-2-size: 40px;
    --font-headline-2-weight: bold;

    --font-headline-3-size: 28px;
    --font-headline-3-weight: bold;

    --font-headline-4-size: 24px;
    --font-headline-4-weight: 600;

    --font-body-size: 18px;
    --font-body-weight: light;

    --font-button-size: 16px;
}