html {
  overflow: hidden;
}
body {
    margin: 0;
    padding: 0;
    background-color: #111214;
    overflow: hidden;
}
body, iframe { 
    width: 100%;
    height: 100%;
}
iframe {
    border: 0;
    overflow: auto;
    animation: fadeIn 3s;
}

.loader {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, #111214), url("https://assets-global.website-files.com/65c9b678d86972b1b07c57b6/65ca27de4522ac324b84d7bc_Box.png");
  background-position: 0 0, 0 0;
  background-size: auto, 14px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  right: 0;
  animation: pulse 1.7s infinite;
  animation-iteration-count: 3;
  animation-delay: 0.1s;
  transform: scale(0.9);
}
@keyframes pulse {
    0% { transform: scale(0.9); }
    40% { transform: scale(1); }
    100% { transform: scale(0.9); }
}
@keyframes fadeIn {
  0% { opacity: 0; }
  10% { opacity: 0; }
  100% { opacity: 1; }
}