2022-10-08 22:09:09 +00:00
|
|
|
/*=== Por que criei esse arquivo ===*/
|
|
|
|
/* Mas organização de cores, estilos, fonts, espaçamentos,etc. isso é um arquivo de configuração*/
|
|
|
|
|
|
|
|
:root {
|
|
|
|
--clr-black: #000;
|
2022-10-11 21:39:27 +00:00
|
|
|
--clr-gray-100: #BDBDBD;
|
2022-10-08 22:09:09 +00:00
|
|
|
|
|
|
|
--bg-clr-black: #000;
|
|
|
|
--bg-clr-gray: #E0E0E0;
|
|
|
|
--bg-clr-white: #fff;
|
|
|
|
|
|
|
|
--body-family: "Inter", Arial, Helvetica, sans-serif;
|
|
|
|
--title-family: "Inter", Arial, Helvetica, sans-serif;
|
|
|
|
|
|
|
|
/*----------------------*\
|
|
|
|
= Volatile Variables =
|
|
|
|
\*----------------------*/
|
|
|
|
--hs-flow-space: 1rem;
|
|
|
|
--hs-grid-space: 1rem;
|
|
|
|
--hs-flex-space: 1rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* font styles for all body tags */
|
|
|
|
|
|
|
|
body * {
|
|
|
|
font-family: var(--body-family);
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* font styles for page titles */
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6,
|
|
|
|
.title {
|
|
|
|
font-family: var(--title-family);
|
|
|
|
}
|