body{display:grid;gap:1rem;background:silver;background-image:url("./bakgrunn.gif");background-size:100% 100%;background-repeat:no-repeat;min-height:100vh;box-sizing:border-box;margin-top:0;padding-top:2rem;margin-bottom:0;grid-template:"title   title" auto "nav     nav" auto "content sidebar" auto "footer  sidebar" 1fr/1fr min-content}body:has(article) .intro{display:none}body:has(article) .banner-image{width:200px;border:1px inset #000;outline:1px outset #000;outline-offset:1px;padding:1px}header{display:contents}.banner{grid-area:nav;display:table;margin:auto;border:1px outset #000;padding:1px;width:fit-content;white-space:nowrap;border-spacing:1px}.banner>.container{display:table-row}.banner>.container>a{display:table-cell;border:1px inset #000;margin:1px;padding:0 .2rem}.banner>.container>a:has(>svg)>svg{display:none}.banner>.container>a:has(>svg)::after{content:attr(aria-label)}.banner-image{right:0;width:100%;height:200px;object-fit:cover;grid-area:sidebar;margin-left:auto}.banner-image-credits{grid-area:sidebar;text-align:right;background:#fff;display:block;width:fit-content;height:fit-content;margin-left:auto;margin-top:calc(200px - 1em - 1px);margin-right:2px;padding-left:2px}.intro{grid-area:content;margin-left:20px;font-weight:bold}.intro::before{margin-left:-20px;content:"Introduction";display:block;margin-bottom:1rem}.intro::after{font-weight:normal;margin-top:1rem;margin-left:-20px;content:"*This page is suited for the browser Netscape Navigator with a resolution of 640x480*";white-space:pre-wrap;display:block}.site-title{position:absolute;top:0;left:0;right:0;text-align:center;font-weight:bold;font-size:2rem;border:none !important;text-decoration:none}.site-title:visited{color:blue}.headshot{content:url("teenage.avif");max-width:10rem;object-fit:cover;object-position:right center}main:not(:has(>.post-list)){grid-area:content}main:has(>.post-list){grid-area:sidebar;text-align:right;display:block;border:1px inset #000;outline-offset:1px;outline:1px outset #000;padding-top:200px;height:fit-content}main:has(>.post-list)::before{border-top:3px double gray;border-bottom:3px double gray;width:100%;display:block;content:"Links";font-weight:bold;height:2rem}main:has(>.post-list) .post-list h2{font-size:1em;white-space:nowrap;padding:0;margin:0;line-height:1.5}main:has(>.post-list) .post-list>p{display:none}main:has(>.post-list) .post-meta{display:none}footer{grid-area:footer}