zoebat-website/styles/color.css

54 lines
835 B
CSS

:root {
--text: #f1edff;
--highlight: #feb8ff;
--background: #28202e;
--link: #b0ff82;
--highlightBright: #fff8bd;
--opacity: rgba(40, 32, 46, 0.70);
}
h1 {
color: var(--highlightBright);
}
h2,
h3,
h4,
h5 {
color: var(--highlight);
}
p {
color: var(--text);
}
.container {
background-color: var(--opacity);
filter: drop-shadow(5px 5px 5px var(--background));
}
footer {
background-color: var(--background);
filter: drop-shadow(5px 5px 5px var(--background));
overflow: auto;
}
body {
background-color: var(--highlight);
border-color: var(--highlight);
}
a {
color: var(--link);
border-color: var(--link);
}
a:hover {
filter: drop-shadow(0 0 10px var(--highlight));
}
a.active {
filter: drop-shadow(0 0 10px var(--highlightBright));
}
.footerLeft { border-color: var(--text) !important;