2022-03-04 20:38:16 +00:00
|
|
|
html {
|
2022-05-10 12:29:51 +00:00
|
|
|
font-size: 1.1em;
|
|
|
|
font-family: 'Atkinson Hyperlegible', sans-serif;
|
2022-03-04 20:38:16 +00:00
|
|
|
color: $foreground-color;
|
2022-05-10 12:29:51 +00:00
|
|
|
line-height: 1.50;
|
2022-06-21 01:21:11 +00:00
|
|
|
background-image: url('/assets/mushrooms.webp');
|
2022-06-20 00:12:23 +00:00
|
|
|
background-repeat: repeat;
|
2022-05-10 12:45:20 +00:00
|
|
|
}
|
|
|
|
|
2022-06-19 23:34:24 +00:00
|
|
|
.header { grid-area: header; }
|
|
|
|
.menu { grid-area: menu; }
|
|
|
|
.main {
|
|
|
|
grid-area: main;
|
|
|
|
background: $background-color;
|
2022-05-10 12:45:20 +00:00
|
|
|
margin: 10px;
|
2022-06-19 23:34:24 +00:00
|
|
|
margin-left: 0px;
|
|
|
|
padding: 20px;
|
|
|
|
border-radius: 2px;
|
2022-05-10 12:45:20 +00:00
|
|
|
}
|
2022-06-19 23:34:24 +00:00
|
|
|
.footer { grid-area: footer; }
|
2022-03-04 20:38:16 +00:00
|
|
|
|
2022-05-10 12:29:51 +00:00
|
|
|
.content {
|
2022-06-19 23:34:24 +00:00
|
|
|
display: grid;
|
|
|
|
grid-template-areas:
|
|
|
|
'header header header header header header'
|
|
|
|
'menu main main main main main'
|
|
|
|
'menu footer footer footer footer footer';
|
|
|
|
gap: 10px;
|
2022-05-10 12:29:51 +00:00
|
|
|
padding: 10px;
|
2022-03-04 20:38:16 +00:00
|
|
|
}
|