body, html {
  height: 100%;
}
body {
  color:white;
  position: relative;
  animation-name: example;
  animation-duration: 60s;
  animation-iteration-count: infinite;
  background-color:black;
  background-image:
  linear-gradient(0deg, rgba(50,0,70,.5), rgba(0,0,0,0)70%),
  radial-gradient(red, rgba(255,0,0,.4) 5px, transparent 30px),
  radial-gradient(purple, rgba(255,0,255,.15) 1px, transparent 30px),
  radial-gradient(blue, rgba(0,0,255,.1) 2px, transparent 40px),
  radial-gradient(rgba(255,0,255,.4), rgba(255,0,255,.1) 2px, transparent 30px);
  background-size: 400% 400%, 550px 550px, 300px 350px, 200px 250px, 150px 150px;
  background-position: 0 0,0 0,0 0,0 0, 40px 60px, 130px 270px, 70px 100px;
}

@keyframes example {
  0%   {
    background-position-x: 0%;
    background-position-y: 0%;
  }
  25%  {
    background-position-x: 0%;
    background-position-y: 100%;
  }
  50%  {
    background-position-x: 100%;
    background-position-y: 100%;
  }
  75%  {
    background-position-x: 100%;
    background-position-y: 0%;
  }
  100%  {
    background-position-x: 0%;
    background-position-y: 0%;
  }
}
img {
  width: 10%;
  height: 10%;
}

.sidebar {
  top: 0%;
  left:70%;
  display:flex;
  position: absolute;
  'justify-content: center;'
}
.sidebar iframe{
  top: 100%;
  left:0%;
  display:flex;
  position: absolute;
}