html,
html:root {
  min-height: 100% !important;
  background-color: #050304 !important;
  background-image:
    linear-gradient(rgba(3, 2, 3, .50), rgba(4, 2, 3, .66)),
    url("studio-background-official-v2.png?v=813") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

html body {
  min-height: 100% !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body::before,
html body::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body main,
html body main > section,
html body > section {
  background-color: rgba(4, 3, 4, .20) !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html body main > section::before,
html body main > section::after,
html body > section::before,
html body > section::after {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 900px), (hover: none) and (pointer: coarse) {
  html,
  html:root {
    background-position: 50% center !important;
  }
}