47 lines
1.3 KiB
CSS
47 lines
1.3 KiB
CSS
|
/* =====================================
|
||
|
|
1. TEMPLATE VARIABLES.
|
||
|
|
===================================== */
|
||
|
|
:root {
|
||
|
|
/* ----- COLOR PALETTE. ----- */
|
||
|
|
--primary-color: #bf1e2e;
|
||
|
|
--secundary-color: #01b3e4;
|
||
|
|
--headline-color: #022731;
|
||
|
|
--dark-color: #333333;
|
||
|
|
--paragraph-color: #808080;
|
||
|
|
--background-color: #F9FAFB;
|
||
|
|
--body-color: #FFFFFF;
|
||
|
|
--owl-dots: #f0f2f5;
|
||
|
|
--border-color: rgb(224, 228, 235, 0.7);
|
||
|
|
--soft-gray: #b3b3b3;
|
||
|
|
--light-gray: #f5f4f2;
|
||
|
|
|
||
|
|
--footer-background: var(--dark-color);
|
||
|
|
--button-background: var(--primary-color);
|
||
|
|
--primary-hover: var(--primary-color);
|
||
|
|
--secundary-hover: var(--secundary-color);
|
||
|
|
|
||
|
|
/* ----- TYPOGRAPHY. ----- */
|
||
|
|
--base-font: 'Open Sans', sans-serif;
|
||
|
|
--secundary-font: 'Montserrat', sans-serif;
|
||
|
|
--paragraph-font-size: 15px;
|
||
|
|
|
||
|
|
/* ----- SPACING. ----- */
|
||
|
|
--normal-spacing: 50px;
|
||
|
|
--normal-center-spacing: 30px 0px;
|
||
|
|
--normal-center-spacing-60: 60px 0px;
|
||
|
|
--normal-center-spacing-80: 80px 0px;
|
||
|
|
|
||
|
|
--normal-right-padding: 80px;
|
||
|
|
--normal-left-padding: 80px;
|
||
|
|
--normal-right-margin: 50px;
|
||
|
|
--normal-left-margin: 50px;
|
||
|
|
|
||
|
|
|
||
|
|
/* ----- PRAGYA COLOR PALETTE. ----- */
|
||
|
|
--construction-primary: #bf1e2e;
|
||
|
|
--construction-secundary: #000;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|