body {
  background-image: url("./images/bgpattern.png");
  background-repeat: repeat;
  margin: 0px
}

details>summary {
  list-style: none
}

details>summary::-webkit-details-marker {
  display: none
}

.collumn-container {
  margin-top: 20px;
  display: flex;
  justify-content: center
}

.site-name {
  font-size: xx-large;
  margin-top: -24px;
  margin-left: 16px;
  text-shadow:
    -3px -3px 0 #fff,
    3px -3px 0 #fff,
    -3px 3px 0 #fff,
    3px 3px 0 #fff,
    3px 0px 0 #fff,
    -3px 0px 0 #fff,
    0px 3px 0 #fff,
    0px -3px 0 #fff
}

.tree-icon {
  margin-right: 2px;
  margin-bottom: -3px
}

.scanlines {
  background-image: url(./images/scanlines.png);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  mix-blend-mode: darken;
  opacity: 0.15;
  top: 0px;
  left: 0px;
  pointer-events: none
}

.vignette {
  background-image: url(./images/vignette.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  mix-blend-mode: darken;
  opacity: 0.35;
  top: 0px;
  left: 0px;
  pointer-events: none
}