@font-face {
    font-family: "Open Sans";
    src: url(../fonts/Open/OpenSans-Medium.ttf);
}

:root{
    --cor-vermelho: #8F1619;
    --cor-cinza: #BABABA;
    --cor-branco: #FFFFFF;
    --cor-preto: #131313;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: "Open Sans";
}

.container{
    width: 80%;
    max-width: 1340px;
    margin: 0 auto;
}

.flex{
    display: flex;
}

.grid{
    display: grid;
}

.btn-1{
    padding: 8px 22px;
    border-radius: 4px;
    color: var(--cor-branco);
    background-color: var(--cor-vermelho);
    border: 1px solid var(--cor-vermelho);
}

.btn-2{
    padding: 8px 22px;
    border-radius: 4px;
    color: var(--cor-branco);
    background-color: var(--cor-cinza);
    border: 1px solid var(--cor-cinza);
}

.btn-1:hover{
    background-color: var(--cor-branco);
    color: var(--cor-vermelho);
}

.btn-2:hover{
    background-color: var(--cor-preto);
    color: var(--cor-branco);
}