Keith Solomon
a0c6e3251b
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Co-authored-by: Copilot <copilot@github.com>
53 lines
1.4 KiB
CSS
53 lines
1.4 KiB
CSS
.homepage-hero {
|
|
--hgtHero: calc(100vh - (var(--hgtHeader) + 2rem));
|
|
|
|
min-height: var(--hgtHero);
|
|
|
|
.heroBG /* Rectangle 2 */{
|
|
background: linear-gradient(83.68deg, #032F46 3.13%, #006196 45.91%, #8FC9E6 96.27%);
|
|
mix-blend-mode: normal;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.bgVector /* Rectangle 83 */ {
|
|
background: linear-gradient(73.8deg, #032F46 12.47%, rgba(0, 97, 150, 0.4) 47.08%, rgba(143, 201, 230, 0.1) 73.75%);
|
|
background-blend-mode: multiply;
|
|
height: 100%;
|
|
mix-blend-mode: multiply;
|
|
opacity: 0.7;
|
|
width: 100%;
|
|
}
|
|
|
|
.topGradient /* Rectangle 88 */ {
|
|
background: linear-gradient(347.21deg, #032F46 18.31%, rgba(0, 97, 150, 0.4) 56.56%, rgba(143, 201, 230, 0.1) 81.82%);
|
|
background-blend-mode: multiply;
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
.heroVector {
|
|
background-blend-mode: normal !important;
|
|
height: var(--hgtHero);
|
|
mix-blend-mode: normal !important;
|
|
opacity: 1 !important;
|
|
width: 100%;
|
|
|
|
svg {
|
|
}
|
|
}
|
|
|
|
.intro {
|
|
h1 {
|
|
font-size: var(--text-55px);
|
|
font-weight: 600;
|
|
line-height: 1;
|
|
|
|
strong {
|
|
font-size: var(--text-65px);
|
|
font-weight: 700;
|
|
}
|
|
|
|
em { color: var(--color-cwc-orange-01); }
|
|
}
|
|
}
|
|
}
|