| html,body{width:100%;height:100%;margin:0 auto;background:#f8f8f8}body{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:100%}header{display:grid;grid-template-columns:30% auto;background:#2f3036;padding:0}header .header-logo{display:flex}header .header-logo img{max-height:48px}header .header-text{display:flex;align-items:center;font-size:24px;font-family:Helvetica,Arial,sans-serif;color:#eee;padding-left:20px}@media screen and (max-width: 810px){header{grid-template-columns:auto}header .header-logo{width:100%;display:block}header .header-text{display:block}header .header-logo img{display:none}}header nav ul{list-style-type:none;margin:0;padding:0;position:absolute}header nav li{display:inline-block;float:left;margin-right:1px}header nav li a{display:block;min-width:140px;height:48px;text-align:center;line-height:48px;font-family:Helvetica,Arial,sans-serif;color:#fff;background:#2f3036;text-decoration:none}header nav li:hover a{background:#1989c5}header nav li:hover ul a{background:#eee;color:#444;height:40px;line-height:40px}header nav li:hover ul a:hover{background:#1989c5;color:#fff}header nav li ul{display:none}header nav li ul li{display:block;float:none}header nav li ul li a{width:auto;min-width:100px;padding:0 20px}header nav ul li a:hover+.hidden,header nav .hidden:hover{display:block}header nav .show-menu{font-family:Helvetica,Arial,sans-serif;text-decoration:none;color:#fff;background:#1989c5;text-align:center;padding:10px 0;display:none}header nav input[type=checkbox]{display:none;-webkit-appearance:none}header nav input[type=checkbox]:checked~#menu{display:block}@media screen and (max-width: 810px){header nav ul{position:static;display:none}header nav li{margin-bottom:1px}header nav ul li,header nav li a{width:100%}header nav .show-menu{display:block}}footer{background-color:#2f3036;color:white;min-height:100px;font-family:Helvetica,Arial,sans-serif;padding:1em}main{padding:0.5em;margin:0 auto;max-width:85%;min-width:85%;color:#444;background:#fff;font-family:Helvetica,Arial,sans-serif} |
| /*# sourceMappingURL=main.css.map */ |
