<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta charset="utf-8">
  <title>Humanity is dead</title>
  <script src="https://os.danbulant.eu/components.js"></script>
</head>
<body>
  <div class="bg-image"></div>
  <iframe src="http://v6p9d9t4.ssl.hwcdn.net/html/1149496/index.html" width="818px" height="498px" frameborder="0"></iframe>
</body>
<script>

</script>
<style>
body,html {
  padding:0;
  margin: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color:
}
iframe {
  z-index: 2;
}
.bg-image {
  z-index: 1;
  /* The image used */
  background-image: url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?cs=srgb&dl=background-blur-clean-531880.jpg&fm=jpg");
  
  /* Add the blur effect */
  filter: blur(8px);
  -webkit-filter: blur(8px);
  
  position: fixed;
  top: 0;
  left: 0;
  /* Full height */
  height: 100%;
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>
</html>
