.cali{background-color:#4169e1}.main-head[data-v-c9fa4e3a]{grid-area:header;max-height:200px}.content[data-v-c9fa4e3a]{grid-area:content}.main-nav[data-v-c9fa4e3a]{grid-area:nav}.side[data-v-c9fa4e3a]{grid-area:sidebar}.ad[data-v-c9fa4e3a]{grid-area:ad}.main-footer[data-v-c9fa4e3a]{grid-area:footer}.wrapper[data-v-c9fa4e3a]{display:grid;gap:20px;grid-template-areas:"header" "nav" "content" "sidebar" "ad" "footer"}@media (min-width: 500px){.wrapper[data-v-c9fa4e3a]{grid-template-columns:1fr 3fr;grid-template-areas:"header  header" "nav     nav" "sidebar content" "ad      footer"}nav ul[data-v-c9fa4e3a]{display:flex;justify-content:space-between}}@media (min-width: 700px){.wrapper[data-v-c9fa4e3a]{grid-template-columns:1fr 4fr 1fr;grid-template-rows:100px 6fr 6fr 100px;grid-template-areas:"header header  header" "nav    content sidebar" "nav    content ad" "footer footer  footer"}nav ul[data-v-c9fa4e3a]{flex-direction:column}}