|
|
|
@ -31,7 +31,11 @@ body {
|
|
|
|
|
margin: 0px;
|
|
|
|
|
--light-font: 'Metropolis Light', 'Fira Sans Light','Ubuntu Light', 'Noto Sans Light', sans-serif;
|
|
|
|
|
--primary-color: #50DC71;
|
|
|
|
|
--primary-color-second: #8EF78C;
|
|
|
|
|
--secondary-color: #FAFAFA;
|
|
|
|
|
--secondary-color-second: #DFDFDF;
|
|
|
|
|
--tertiary-color: #1FA2FF;
|
|
|
|
|
--tertiary-color-second: #12D8FA;
|
|
|
|
|
--nav-background: var(--secondary-color);
|
|
|
|
|
--nav-background-dark: #282828;
|
|
|
|
|
--footer-background: #111111;
|
|
|
|
@ -52,16 +56,32 @@ hr {
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.primary, .secondary, .tertiary {
|
|
|
|
|
background: var(--first-color)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.primary {
|
|
|
|
|
background-color: var(--primary-color);
|
|
|
|
|
--first-color: var(--primary-color);
|
|
|
|
|
--second-color: var(--primary-color-second);
|
|
|
|
|
--theme-color: var(--primary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.secondary {
|
|
|
|
|
background-color: var(--secondary-color);
|
|
|
|
|
--first-color: var(--secondary-color);
|
|
|
|
|
--second-color: var(--secondary-color-second);
|
|
|
|
|
--theme-color: var(--secondary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tertiary {
|
|
|
|
|
--first-color: var(--tertiary-color);
|
|
|
|
|
--second-color: var(--tertiary-color-second);
|
|
|
|
|
--theme-color: var(--tertiary-color);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.primary:hover, .secondary:hover, .tertiary:hover {
|
|
|
|
|
background-position: right center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* format */
|
|
|
|
|
|
|
|
|
|
.fill-width {
|
|
|
|
|