body {
  background-image: url("/Resources/Background/ark_background_tinted.png");
  background-size: 1920px 1080px;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}


arkWindow {
  background-image: url("/Resources/UI/ark_windows.png");
  background-repeat: no-repeat;
  display: inline-block;
  image-rendering: pixelated;
}

.text1 {
  width: 96px;
  height: 127px;
  background-position: -288px -161px;
}
.text2 {
  width: 111px;
  height: 159px;
  background-position: -145px -1px;
}

.window1 {
  width: 239px;
  height: 160px;
  background-position: -256px 0px;
}

.window2 {
  width: 144px;
  height: 224px;
  background-position: 0px 0px;
}

.window3 {
  width: 143px;
  height: 63px;
  background-position: -145px -161px;
}

.uhh1 {
  width: 176px;
  height: 50px;
  background-position: -0px -224px;
}

.power_ok {
  width: 176px;
  height: 46px;
  background-position: -0px -274px;
}

.super_confidential {
  width: 286px;
  height: 42px;
  background-position: -176px -295px;
}



arkText {
  background-image: url("/Resources/UI/ark_windowlesstext.png");
  background-repeat: no-repeat;
  display: inline-block;
  image-rendering: pixelated;
  z-index: -2;
  position: fixed;
  top: 0px;
  overflow:hidden;
}

.floatingtext1 {
  width: 147px;
  height: 256px;
  background-position: 0px 0px;
}

@keyframes text_scroll1 {
  from {
    top: 850px;
  }
  to {
    top: 0px;
  }
}

.floatingtext2 {
  width: 50px;
  height: 256px;
  background-position: 0px 0px;
}

@keyframes text_scroll2 {
  from {
    top: 0px;
  }
  to {
    top: 920px;
  }
}

.floatingtext3 {
  width: 110px;
  height: 256px;
  background-position: 0px 0px;
}

@keyframes text_scroll3 {
  from {
    top: 500px;
  }
  to {
    top: 0px;
  }
}

.floatingtext4 {
  width: 216px;
  height: 256px;
  background-position: 0px 0px;
}

@keyframes text_scroll4 {
  from {
    top: 700px;
  }
  to {
    top: 80px;
  }
}

arkText:nth-child(1) {
  left: 0px;
  animation: text_scroll1 linear 8s infinite;
}
arkText:nth-child(2) {
  right: 0px;
  animation: text_scroll2 linear 8s infinite;
}
arkText:nth-child(3) {
  right: 200px;
  animation: text_scroll3 linear 8s infinite;
}
arkText:nth-child(4) {
  left: 500px;
  animation: text_scroll4 linear 8s infinite;
}
arkText:nth-child(5) {
  left: 150px;
  animation: text_scroll2 linear 8s infinite;
}
arkText:nth-child(6) {
  right: 300px;
  animation: text_scroll4 linear 8s infinite;
}



.win_topbar_element {
  background-image: url("/Resources/Background/WindowBody_BG_2.png");
  border: 6px #73c6d5 solid;
  padding: 0.25em;
  text-align: left;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-transform: uppercase;
  width: 200%;
}

.win_topbar_sideelement {
  background-image: url("/Resources/Background/WindowBody_BG_2.png");
  border: 6px #73c6d5 solid;
  padding: 0.125em;
  text-align: right;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-transform: uppercase;
  text-wrap: nowrap;
}
.win_topbar_sideelement:nth-child(2) {
  background-image: url("/Resources/Background/WindowBody_BG_2.png");
  border: 6px #73c6d5 solid;
  border-top: none;
  border-left: 24px #73c6d5 solid;
  padding: 0.125em;
}

.win_topbar {
  margin-bottom: 0.25em;
  display: flex;
  justify-content: left;
}

.bar_side {
  width: 30%;
}

.sidebar1 {
  padding: 0.25em 0.5em 0.25em 0.5em;
  text-align: center;
  border-bottom: 4px #73c6d5 solid;
  border-right: none;
}

.sidebar2 {
  padding: 0em 1em 0em 0.5em;
  text-align: center;
  width: 50%;
  border-top: 6px #73c6d5 solid;
  border-right: none;
}

.sidebar3 {
  background-color: #73c6d5;
  padding: 0.25em 0.5em 0.75em 0.5em;
  text-align: center;
  width: 50%;
  border-top: 6px #73c6d5 solid;
}

.win_body {
  background-image: url("/Resources/Background/WindowBody_BG.png");
  border: 6px #7bc6e6 solid;
  padding: 0.75em;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.window {
  font-size: 20px;
  font-weight: bold;
  
  color: white;
  
}

.dl_image{
  font-size: 0.7em;
}

.wpimage{
  box-shadow: 5px 5px #00000070 ;
}

.wpimage:hover {
  scale: 105%;
  filter: brightness(112%);
}