body::before {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--logo-scale, 1)) rotate(var(--logo-rotate, 0deg));
  width: 600px;
  height: 600px;
  background: url('/static/img/python_logo.png') center/contain no-repeat;
  opacity: var(--logo-opacity, 0.2);
  pointer-events: none;
  z-index: 0;
  filter: hue-rotate(var(--logo-hue, 0deg));
  transition: opacity var(--logo-transition, 0.15s) var(--logo-easing, ease-out), transform var(--logo-transition, 0.15s) var(--logo-easing, ease-out), filter var(--logo-transition, 0.15s) var(--logo-easing, ease-out);
  animation: var(--logo-anim, none);
  animation-play-state: var(--logo-play-state, running);
}

@media (max-width: 900px) {
  body::before { width: 400px; height: 400px; }
}
@media (max-width: 600px) {
  body::before { width: 250px; height: 250px; }
}