2024-04-16 12:26:34 +00:00
|
|
|
:root {
|
|
|
|
--clr-body-bg: #1f0033;
|
|
|
|
--img-body-bg: url(/assets/cassettebeasts/images/cassettebeasts-bg.jpg);
|
|
|
|
--clr-body-txt: #333333;
|
|
|
|
--clr-content-bg: #ffffff;
|
|
|
|
|
2024-04-19 21:13:40 +00:00
|
|
|
--clr-top-btn: #FFD05A;
|
|
|
|
|
2024-04-16 12:26:34 +00:00
|
|
|
--clr-main-heading: #333333;
|
|
|
|
--clr-sub-heading: #000000;
|
|
|
|
--clr-title-border: #7629db;
|
|
|
|
--clr-bold-txt: #f8560b;
|
|
|
|
--clr-link: #7629db;
|
|
|
|
--clr-link-hover: #270e48;
|
|
|
|
--clr-quote-bg: #f3f2f2;
|
|
|
|
--clr-quote-border: #414141;
|
|
|
|
|
|
|
|
--clr-code-bg: #f3f2f2;
|
|
|
|
--clr-code-border: #414141;
|
|
|
|
--clr-dates: rgb(58, 150, 255);
|
|
|
|
|
|
|
|
--clr-link-btn-bg: #873eb5;
|
|
|
|
--clr-link-btn-txt: white;
|
|
|
|
--clr-link-btn-hover: #241445;
|
|
|
|
|
|
|
|
--clr-main-header-bg: #9b59b6;
|
|
|
|
--clr-navbar-bg: #9b59b6;
|
|
|
|
--clr-navbar-link: white;
|
|
|
|
|
|
|
|
--clr-main-footer-bg: #9b59b6;
|
|
|
|
}
|
|
|
|
|
2024-04-19 21:11:22 +00:00
|
|
|
.hero img {
|
2024-04-16 12:26:34 +00:00
|
|
|
object-fit: cover;
|
|
|
|
object-position: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (min-width: 60rem) {
|
2024-04-19 21:11:22 +00:00
|
|
|
.hero img {
|
2024-04-16 12:26:34 +00:00
|
|
|
object-position: top -4.5rem right 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2024-04-19 21:11:22 +00:00
|
|
|
.footer {
|
2024-04-16 12:26:34 +00:00
|
|
|
color: var(--clr-navbar-link);
|
|
|
|
}
|
|
|
|
|
2024-04-19 21:11:22 +00:00
|
|
|
.footer a {
|
2024-04-16 12:26:34 +00:00
|
|
|
color: var(--clr-navbar-link);
|
|
|
|
}
|