body{background-color:black;margin:0}

#sn6rctt0x{
  position:fixed;
  width:226px;
  height:160px;
  background-image:url('/windows/figure.gif');
  left:50%;
  margin-left:-113px;
  top:50%;
  margin-top:-171px;
}

#kl6enyy0l{
  z-index:1;
  pointer-events:none;
  position:fixed;
  width:100%;
  height:100%;
  background-color:#ffffff;
  left:0;
  top:0;
  mix-blend-mode:multiply;
  animation-name:fade1;
  animation-duration:1.2s;
  animation-timing-function:step-start;
}

#uk6ciww0k{
  z-index:2;
  pointer-events:none;
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  backdrop-filter:contrast(100%) hue-rotate(0deg);
  animation-name:fade2;
  animation-duration:1.2s;
  animation-timing-function:step-start;
}

@keyframes fade1{
  12%{background-color:#000000;}
  24%{background-color:#0b0b59;}
  37%{background-color:#181870;}
  50%{background-color:#2a5669;}
  62%{background-color:#52797d;}
  75%{background-color:#707f82;}
  87%{background-color:#96907e;}
  100%{background-color:#ffffff;}
}

@keyframes fade2{
  12%{backdrop-filter:contrast(500%) hue-rotate(0deg)}
  24%{backdrop-filter:contrast(400%) hue-rotate(0deg)}
  37%{backdrop-filter:contrast(400%) hue-rotate(0deg)}
  50%{backdrop-filter:contrast(200%) hue-rotate(10deg)}
  62%{backdrop-filter:contrast(200%) hue-rotate(57deg)}
  75%{backdrop-filter:contrast(200%) hue-rotate(50deg)}
  87%{backdrop-filter:contrast(200%) hue-rotate(10deg)}
  100%{backdrop-filter:contrast(100%) hue-rotate(0deg)}
}