:root {
--cbar-spacing: 4rem;
}
.landing-row {
margin-left: 4rem;
margin-top: 2rem;
}
.landing-row ul.simple-lines {
margin-top: 1rem;
line-height: 1.2;
}
.landing-row {
display: flex;
flex-direction: row;
height: 100%;
}
.landing-row .headers {
display: flex;
flex-direction: column;
margin-right: 3rem;
}
.landing-row .headers div.header-box {
display: flex;
flex-direction: row;
gap: 3rem;
}
.landing-row .headers div.header-box .main-header {
font-weight: bold;
text-align: right;
min-width: 7rem;
}
.landing-row .headers div.header-box .main-header.top {
margin-top: calc(var(--cbar-spacing) * 1);
}
.landing-row .headers div.header-box .main-header.bottom {
display: flex;
flex-direction: column-reverse;
}
.landing-row .headers div.header-box .sub-header {
margin-top: calc(var(--cbar-spacing) * 2);
}
.landing-row .color-stack {
display: flex;
flex-direction: column;
}
.landing-row .color-stack > div {
flex: 1 0 auto;
display: flex;
flex-direction: row;
}
.landing-row .color-stack div.top {
max-height: calc(var(--cbar-spacing) * 2);
flex: 1 0;
}
.landing-row .color-stack div.bottom {
background-color: var(--yellow0);
}
.landing-row .color-stack div.bottom div {
background-color: var(--white0);
}
.landing-row .color-stack div.color-bar {
flex: 0 0;
min-height: var(--cbar-spacing);
}
.landing-row .color-stack div.color-bar div {
background-color: var(--white0);
}
.landing-row .color-stack div.color-bar.yellow {
background-color: var(--yellow0);
}
.landing-row .color-stack div.color-bar.pink {
background-color: var(--pink0);
}
.landing-row .color-stack div.color-bar.tan {
background-color: var(--tan0);
}
/*# sourceMappingURL=landing.css.map */