/* FONT IMPORT FROM https://fonts.google.com/ CHOSE A FONT AND IMPORT HERE */
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;500&display=swap');

* {
    font-family: 'Domine', serif;
}

:root {
    /* TEXT TITLES COLOR 👇*/
    --primary-text:rgb(94, 0, 83);
    /* TEXT HEADER COLOR 👇*/
    --tertiary-text:rgb(65, 50, 46);
    /* BUTTON COLOR 👇*/
    --secondary-text:rgb(0, 64, 124);
    /* BACKGROUND CONTACT COLOR 1 TO GRADIENT 👇*/
    --accent-color: rgba(192, 160, 92, 0.9);
    /* BACKGROUND CONTACT COLOR 2 TO GRADIENT 👇*/
    --accent-color-opacity: rgba(189, 162, 105, 0.7);
    /* BACKGROUND HEADER COLOR 1 TO GRADIENT 👇*/
    --header-color: rgba(0, 72, 139, 0.9);
    /* BACKGROUND HEADER COLOR 2 TO GRADIENT 👇*/
    --header-color-opacity: rgba(1, 100, 192, 0.8);
}

/* MAIN TITLE BANNER FONT SIZE 👇*/
h1{
    font-size: 3.1rem;
}
/* SUBTITLES FONT SIZE 👇*/
h2{
    font-size: 2.7rem;
}
/* SUBTITLES ON BANNER FONT SIZE 👇*/
h3{
    font-size: 1.9rem;
}
/* BOLD TEXT FONT SIZE 👇*/
h4{
    font-size: 1.6rem;
}
/* TEXT ON BANNER FONT SIZE 👇*/
h5{
    font-size: 1.2rem;
}
/* TEXT LIST FONT SIZE 👇*/
li{
    font-size: 1.4rem;
}
/* LINKS FONT SIZE 👇*/
a{
    font-size: 1.3rem;
}
/* PARAGRAPHS FONT SIZE 👇*/
p{
    font-size: 1.3rem;
}