:root{
    --primary-color: #601a1e;
    --secundary-color: linear-gradient(to right, #8c3539);
    --title-color: rgb(243, 243, 243);
    --text-color: rgba(255, 255, 255, 0.779);
    --title-hero-color: white;
    --color-nav: white;
    --feature-max-span: rgb(177, 91, 91);
    --feature-max-title: white;
    --color-bagde: rgb(177, 91, 91);
    --txt-bagde-color: white;
    --shadow-feature-max-img: rgba(255, 255, 255, 0.278);
    --shadow-feature-max-badge: rgba(195, 193, 193, 0.35);
    --shadow-feature-img: rgba(127, 124, 124, 0.16);
    --color-cta: rgb(24, 24, 24);
    --color-txt-cta: rgb(255, 255, 255);
    --loc-item-color: rgb(233, 234, 233);
    --text-loc-item-color: rgba(255, 255, 255, 0.706);
    --btn-loc: white;
    --btn-loc-txt: black:

}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
    scroll-behavior: smooth;
    font-family: 'Inter', sans-serif;
    font-family: "Montserrat", sans-serif;
}

body{
    background: var(--secundary-color);
}