body{
  margin:0;
  padding:0;
}

#loader{
  width:100%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
}

.spinner{
  width:50px;
  height:50px;
  border:5px solid #eee;
  border-top:5px solid #6c2bd9;
  border-radius:50%;
  animation:spin 1s linear infinite;
}

@keyframes spin{
  100%{
    transform:rotate(360deg);
  }
}

#content{
  display:none;
  padding: 20px;
}

#content img{
  width:100%;
  height: 100vh;
  box-shadow: 0px 0px 10px #cecece;
  display:block;
  body{
  margin:0;
  padding:0;
}

#loader{
  width:100%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#fff;
}

.spinner{
  width:50px;
  height:50px;
  border:5px solid #eee;
  border-top:5px solid #6c2bd9;
  border-radius:50%;
  animation:spin 1s linear infinite;
}

@keyframes spin{
  100%{
    transform:rotate(360deg);
  }
}

}