/* ---------- variable style ---------- */


@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


:root {

/* fonts */

--font-primary: 'Raleway', sans-serif;
--font-secondary: 'Great Vibes', sans-serif;

--font-size-txt: 20px;
--tith1-size: clamp(40px, 5vw, 64px);
--proyecto-txt: clamp(12px, 5vw, 20px);
--txt-v2: clamp(12px, 5vw, 18px);
--subtit-size: clamp(30px, 5vw, 42px);
--subtit-size-footer: clamp(14px, 2vw, 16px);
--subtith2-size: clamp(30px, 5vw, 48px);
--subtith3-size: clamp(18px, 2.5vw, 24px);
--btn-txt: clamp(15px, 5vw, 20px);
--letpq-size: clamp(10px, 5vw, 12px);


/* colors */

--c-primario: #D02724;
--c-secundario: #1C6836;
--c-negro: #111;
--c-blanco: #FFFFFF;
--c-txt: #070500;

    

/* Transitions */

--all-transition: all 0.4s ease;

}