html, body {
  min-height: 100%;
}

body {
  min-height: 100vh;
}

body[data-screen="legacy-bsod"] {
  background-color: #000080;
  background-size: contain;
}

#black {
  position: fixed;
  inset: 0;
  z-index: 998;
  background: #000;
}

#black img {
  width: 100%;
  height: 100%;
}

.progress-bar .rotate,
.progress-bar .right {
  background-color: #177dcf;
}

.progress-bar .background,
.progress-bar .left {
  background-color: #7b7b7b;
}

@media (max-width: 760px) {
  .centeragain {
    width: calc(100% - 32px);
  }

  .CT {
    width: calc(100% - 32px);
    height: auto;
    font-size: clamp(16px, 4vw, 23px);
  }

  .image_block img {
    max-width: 100%;
    height: auto;
  }

  .center {
    width: calc(100% - 32px);
    left: 16px;
    margin-left: 0;
  }

  .center h1 {
    font-size: clamp(28px, 7vw, 48px);
  }

  .position {
    margin-left: calc(50% - 103px);
    margin-top: 48px;
  }

  #bottom {
    box-sizing: border-box;
    padding: 0 16px;
  }

  .content {
    width: auto;
    margin: 24px;
  }

  .content img {
    max-width: 25%;
    height: auto;
  }

  .content img + div {
    margin-left: 5% !important;
    width: 70% !important;
  }

  body[data-screen="bsod"] {
    overflow: auto;
  }

  body[data-screen="bsod"] .content p {
    overflow-wrap: anywhere;
  }

  body[data-screen="steam"] .steam-options,
  body[data-screen="steam"] .steam-keys {
    left: 24px !important;
  }

  body[data-screen="steam"] .steam-command {
    left: 24px !important;
    bottom: 4% !important;
  }

  body[data-screen="steam"] img {
    max-width: 100%;
    box-sizing: border-box;
  }

  body[data-screen="panic"] > img {
    max-width: 100%;
    height: auto;
  }
}