.navbarGrid{display:grid;height:100vh;grid-template-columns:1fr;grid-template-rows:48px 48px 1fr;grid-template-areas:"navbar" "gap" "body";grid-gap:.2rem}.contentGrid{display:grid;grid-gap:2rem;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"leftContent rightContent rightContent"}@media only screen and (max-width: 840px){.contentGrid{grid-template-columns:1fr;grid-template-areas:"leftContent" "rightContent"}}.gap{grid-area:gap}.navbar{grid-area:navbar;background-color:#f3f4f8}.content{grid-area:body;margin:0px 2rem}.leftContent{grid-area:leftContent;margin:0 auto;display:grid;gap:.5rem}.rightContent{display:grid;grid-area:rightContent;gap:2rem}.smallGap{gap:1rem}.widescreenContent{grid-column:1 / 4}.hover{transition:transform .2s}.hover:hover{transform:scale(1.05)}