@import "globals.css"; /* GLOBAL BASE CLASS */ .generic-body-grid { display: grid; grid-template-columns: 2fr 7fr 2fr; /* FR = fraction of available space in grid container */ grid-template-rows: 1fr 1fr 1fr; height: 100dvh; /* Grid should cover whole viewport height */ margin: 0; background-color: var(--color-bg); color: var(--color-text); grid-template-areas: "logo . ." ". card ." ". . ."; /* default font for the whole site */ font-family: var(--font-family-a); font-size: var(--font-size-normal); }