.layout{display:grid;grid-template-areas:"L H" "M P";grid-template-columns:300px 1fr;grid-template-rows:100px 1fr;height:100%}.layout__logo{align-items:center;border-bottom:1px solid #ddd;display:flex;grid-area:L;justify-content:center}.layout__header{border-bottom:1px solid #ddd;grid-area:H}.layout__menu{background:#fafafa;grid-area:M}.layout__page{background:#fafafa;grid-area:P;overflow-y:auto}.layout__page__header{display:flex;justify-content:space-between;margin:2rem}.layout__page__content{margin:2rem;min-height:100%}.layout__page__footer{background:#9c9ca9;color:#fff}.link-social{font-size:2rem;opacity:.25;transition:.2s}.link-social:hover{opacity:1}