<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root {
  --sans-font: Jost, "Avenir Next", Avenir, sans-serif;
  --main-font: var(--sans-font);
  --heading-color: #c03b07;
  --dark-accent-bg: #548289;
  --heading-font: var(--sans-font);
  --border-radius-big: calc(var(--border-radius) * 3);
}

body.light-theme {
  --bg: #ddeeff99;
  --accent-bg: #c4e2e9;
  --card-bg: #f5f5f5;
  --card-bg-hover: #fff5e6;
  --button-text: var(--card-bg);
}

.dark-theme, .light-theme .reverse-theme {
  --bg: #3a4b5c;
  /* #1a3943; /* #143239; #012743; */
  --contrast-bg: #2a3b4c;
  /* #1a3943; #113743; */
  --accent-bg: #243546;
  /* #1a3943; #113743; */
}

.bg-dark-accent {
  background: var(--dark-accent-bg);
}

body {
  --font-size: 1.3125rem;
}

button, [role="button"], input[type="submit"], input[type="reset"], input[type="button"] {
  font-size: inherit;
}

a, [role="link"] {
  text-decoration: none;
}

a:hover, [role="link"]:hover {
  text-decoration: underline;
}

a[href*=".mp3"], a[href*=".m4a"] {
  display: inline-block;
  padding-left: 1.315em;
  background: url(/img/icons/volume-2-blue.svg) left center no-repeat;
}

h1, h2, h3, h4 {
  font-weight: normal;
  color: var(--heading-color);
}

h2 &gt; a, h3 &gt; a, h4 &gt; a {
  color: var(--heading-color);
}

header nav &gt; ul {
  padding-top: .125rem;
}

header nav a, header nav [role="link"], header nav [role="menu"] {
  color: var(--text);
}

header nav a.active, header nav [role="link"].active, header nav [role="menu"].active {
  color: var(--text-vivid);
  font-weight: bold;
}

header nav [role="menu"] a:not(.active) {
  font-weight: normal;
}

nav svg.feather {
  height: 1em;
  width: 1em;
  display: inline-block;
  position: relative;
  top: .2em;
}

details[role="menu"] li a {
  display: block;
}

footer a {
  text-decoration: none;
}

footer .tagline {
  font-size: larger;
}

footer .copyright {
  font-size: smaller;
}

[role="main"] &gt; h1:first-child {
  font-size: 2.2rem;
  text-transform: uppercase;
  border-bottom: 2px solid var(--heading-color);
}

[role="main"] &gt; p.subtitle {
  color: var(--text-light);
  text-transform: uppercase;
  margin-top: 0;
  font-weight: bold;
  font-size: .9em;
  letter-spacing: .06em;
}

nav .show-menu ~ .menu {
  max-width: 290px;
  background: var(--contrast-bg);
  box-shadow: -7px 0 4px 2px #0002;
}

nav .show-menu ~ .menu h4 {
  color: white;
  font-weight: bold;
}

nav .show-menu:checked ~ label.burger {
  background: rgba(17, 17, 17, 0.05);
}

nav .menu .menu-inner ul li {
  padding-bottom: .25rem;
}

nav .menu .menu-inner ul {
  list-style: none;
  line-height: 1.5;
  padding-left: 1.5rem;
}

nav .menu .menu-inner ul li.active &gt; span {
  font-weight: bold;
}

nav .menu .menu-inner &gt; ul {
  padding-left: 1rem;
}

main article {
  border-radius: var(--border-radius-big);
}

main article &gt; header {
  background: transparent;
}

main article &gt; header img {
  border-top-left-radius: var(--border-radius-big);
  border-top-right-radius: var(--border-radius-big);
}

article:hover {
  background: var(--card-bg-hover) !important;
}

article.search-modal:hover {
  background: var(--card-bg) !important;
}

article.search-modal h4 {
  font-weight: bold;
  color: var(--text-color);
}

[role="main"] .mdcontent img {
  border-radius: var(--border-radius);
}

figure {
  display: table;
  margin: var(--spacing) auto;
  position: relative;
}

figure img {
  display: block;
}

figure figcaption {
  display: table-caption;
  caption-side: bottom;
  width: 100%;
  text-align: left;
  font-size: smaller;
  padding: var(--spacing);
  background: #0000000c;
}

figure figcaption p {
  margin: 0;
}

@media (min-width: 960px) {
  figure:not(.pdf-img) figcaption {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    color: white;
    background: #00000088;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear;
  }
  figure:hover figcaption {
    visibility: visible;
    opacity: 1;
  }
}

figure.pdf-img img, img.pdf-img {
  background: white;
  padding: 1rem;
  max-width: 320px;
}

.imgalign-center {
  margin: 1em auto;
  text-align: center;
}

@media (min-width: 768px) {
  /* Image floats */
  .imgalign-right {
    float: right;
    clear: right;
    margin-left: 2em;
  }
  .imgalign-left {
    float: left;
    clear: left;
    margin-right: 2em;
  }
}

.galleri, .gallery {
  margin: calc(var(--spacing) * 3) auto;
  text-align: center;
}

@media (min-width: 768px) {
  .galleri, .gallery {
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
  }
  .galleri img, .gallery img {
    max-width: 345px;
    margin: 0;
  }
  .galleri.gal3 img, .gallery.gal3 img {
    max-width: 223px;
  }
  .galleri figure, .gallery figure {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (min-width: 960px) {
  .galleri img, .gallery img {
    max-width: 445px;
  }
  .galleri.gal3 img, .gallery.gal3 img {
    max-width: 290px;
  }
}

.grid figure {
  align-self: start;
}

pre {
  background: var(--card-bg);
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow);
  margin: calc(var(--spacing) * 2) 0;
  padding: var(--spacing) calc(var(--spacing) * 2);
  white-space: pre-wrap;
  word-wrap: normal;
  display: table;
}

@media (min-width: 768px) {
  pre {
    padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
  }
}

pre code {
  font-family: var(--sans-font);
  font-size: inherit;
}

@media (min-width: 768px) {
  pre code {
    padding-left: 30px;
  }
}

article pre {
  background: none;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

article.gitargrip pre code {
  font-family: var(--mono-font);
  font-size: 1.15rem;
}

@media (min-width: 768px) {
  article.kolonner pre {
    display: flex;
  }
  article.kolonner pre &gt; code {
    column-count: 2;
    column-gap: 40px;
    column-rule: 2px solid #e5e5e5;
    column-width: 274px;
  }
}

@media (min-width: 960px) {
  article.kolonner pre &gt; code {
    column-width: 370px;
  }
}

@media (min-width: 960px) {
  article.kolonner-md pre {
    display: flex;
  }
  article.kolonner-md pre &gt; code {
    column-count: 2;
    column-gap: 40px;
    column-rule: 2px solid #e5e5e5;
    column-width: 370px;
  }
}

@media (min-width: 768px) {
  .newspaper-columns {
    columns: 19rem auto;
    padding-top: 1em;
  }
  .newspaper-columns &gt; ol, .newspaper-columns &gt; ul, .newspaper-columns &gt; p {
    margin-top: 0;
  }
}

.newspaper-columns.narrow {
  columns: 10rem auto;
  padding-top: 1em;
}

.newspaper-columns.narrow &gt; ol, .newspaper-columns.narrow &gt; ul, .newspaper-columns.narrow &gt; p {
  margin-top: 0;
}

video, iframe {
  width: 100%;
  height: auto;
  margin: var(--spacing) 0;
  aspect-ratio: 16 / 9;
  clear: both;
}

.aspect-4-3 {
  aspect-ratio: 4 / 3;
}

a.tag {
  background: var(--accent);
  color: white;
  text-decoration: none;
  display: inline-block;
  padding: 0 var(--spacing);
  opacity: .8;
  border-radius: var(--border-radius-big);
}

a.tag:hover {
  opacity: 1;
}

blockquote {
  background: url(/static/img/quotes.gif) no-repeat calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);
  background-color: var(--accent-bg);
  padding: calc(var(--spacing) * 2);
  padding-left: calc(var(--spacing) * 6);
  margin-left: var(--spacing);
  border: none;
  min-height: 2.30769230769231rem;
}

blockquote &gt; p:first-child {
  margin-top: 0;
}

blockquote &gt; p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  blockquote {
    font-size: .9524em;
  }
}

.big-teaser {
  background: var(--card-bg-hover);
  border-radius: var(--border-radius-big);
}

.big-teaser img {
  border-top-left-radius: var(--border-radius-big);
  border-top-right-radius: var(--border-radius-big);
}

@media (min-width: 768px) {
  .big-teaser .intro {
    padding-bottom: 0;
  }
  .big-teaser img {
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--border-radius-big);
  }
}

@media (min-width: 960px) {
  .big-teaser .intro {
    font-size: larger;
  }
}

.round-teaser {
  border-radius: var(--border-radius-big);
  box-shadow: var(--box-shadow);
  position: relative;
  min-height: 18rem;
  margin-top: 3rem;
  background: var(--card-bg-hover);
}

.round-teaser &gt; a {
  display: block;
  position: relative;
  margin: 0 auto;
  height: 20rem;
  width: 20rem;
  top: -1rem;
}

.round-teaser &gt; a img {
  box-shadow: var(--box-shadow);
  border: 1px solid var(--contrast-bg);
}

.round-teaser &gt; .intro {
  padding: var(--spacing) calc(var(--spacing) * 2);
  padding-top: 0;
}

.round-teaser &gt; .intro h4 {
  opacity: .8;
}

.round-teaser.tag-teaser {
  background: var(--card-bg);
}

.round-teaser.tag-teaser &gt; a {
  height: 19rem;
  width: 19rem;
  top: -0.5rem;
}

.round-teaser.tag-teaser &gt; a:hover {
  opacity: .8;
}

.round-teaser.tag-teaser &gt; a &gt; span {
  position: absolute;
  top: 7.5rem;
  left: 5px;
  right: 5px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center;
  padding: .5rem;
  color: white;
  font-weight: bold;
  background: #0005;
  text-shadow: 1px 1px black;
}

.round-teaser.tag-teaser &gt; a &gt; span &gt; span.smaller {
  font-size: 1rem;
  font-weight: normal;
}

.round-teaser.tag-teaser .miniteaser {
  max-width: 180px;
}

.round-teaser.tag-teaser .miniteaser &gt; a:hover {
  opacity: .8;
}

.round-teaser.tag-teaser .miniteaser p {
  text-align: center;
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  height: 1.2em;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.round-teaser.tag-teaser .miniteaser.with-subtitle {
  position: relative;
}

.round-teaser.tag-teaser .miniteaser.with-subtitle .subtitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: .15rem .75rem;
  line-height: 1.2;
  width: 100%;
  font-size: .7em;
  overflow: hidden;
  color: white;
  background: #00000055;
  text-align: center;
  border-top-left-radius: var(--border-radius-big);
  border-top-right-radius: var(--border-radius-big);
}

.round-teaser.round-teaser-small {
  display: flex;
  min-height: 7rem;
}

.round-teaser.round-teaser-small &gt; a {
  position: absolute;
  height: 8rem;
  width: 8rem;
  left: 1rem;
  top: -0.5rem;
}

.round-teaser.round-teaser-small &gt; .intro {
  flex: 1;
  margin-left: 9rem;
  margin-top: auto;
  margin-bottom: auto;
}

.round-teaser.round-teaser-small.reversed &gt; a {
  left: auto;
  right: 1rem;
}

.round-teaser.round-teaser-small.reversed &gt; .intro {
  margin-left: 0;
  margin-right: 9rem;
}

.round-teaser.round-teaser-small.tag-teaser .intro {
  align-self: center;
}

@media (min-width: 768px) {
  .round-teaser {
    display: flex;
  }
  .round-teaser &gt; a {
    position: absolute;
    left: 1rem;
  }
  .round-teaser &gt; .intro {
    flex: 1;
    margin-left: 21rem;
    margin-top: auto;
    margin-bottom: auto;
  }
  .round-teaser.reversed &gt; a {
    left: auto;
    right: 1rem;
  }
  .round-teaser.reversed &gt; .intro {
    margin-left: 0;
    margin-right: 21rem;
  }
  .round-teaser.tag-teaser &gt; a {
    height: 17rem;
    width: 17rem;
    top: .5rem;
  }
  .round-teaser.tag-teaser &gt; a &gt; span {
    top: 6.5rem;
    border-radius: 1rem;
  }
  .round-teaser.tag-teaser &gt; .intro {
    margin-left: 18rem;
    align-self: center;
  }
}

@media (min-width: 1280px) {
  .round-teaser &gt; .intro &gt; h3 {
    font-size: 1.8rem;
  }
  .round-teaser &gt; .intro &gt; p {
    font-size: 1.6rem;
  }
}

article &gt; header.with-subtitle {
  position: relative;
}

article &gt; header.with-subtitle .subtitle {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2rem .5rem;
  width: 100%;
  font-size: .8em;
  overflow: hidden;
  text-align: center;
  color: white;
  background: #00000055;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

h2.fp-section, h4.section {
  font-weight: bold;
  text-transform: uppercase;
}

h2.fp-section {
  font-size: var(--h6-size);
  letter-spacing: 1px;
  margin-top: 2em;
  margin-bottom: 0;
}

h4.section {
  font-size: 1rem;
  color: var(--text-light);
}

.hero {
  position: relative;
}

.hero h1, .hero h2 {
  text-shadow: black 1px 0 7px;
}

.hero h1 {
  color: white;
  font-weight: bold;
  font-size: 2.8rem;
}

@media (min-width: 768px) {
  .hero h1 {
    font-size: 4.5rem;
  }
}

@media (min-width: 960px) {
  .hero h1 {
    font-size: 5.2rem;
  }
}

.hero h2 {
  color: #e5e5e5;
  position: absolute;
  bottom: 1rem;
  width: 100%;
  text-align: center;
  padding: 0 1rem;
}

.hero.half-height {
  max-height: 450px;
}

.clear {
  width: 100%;
  clear: both;
}

.borad {
  border-radius: var(--border-radius-big);
}
</pre></body></html>