* {
  padding: 0;
  margin: 0;
}

@keyframes spinner {
  from {
    transform: rotate(0deg);
  } to {
    transform: rotate(360deg);
  }
}

html, body {
  width: 100%;
  height: 100%;
}
/*body {
  display: block;
  justify-content: center;
  align-items: center;

}
#pagecontent {
   display: block;
  justify-content: center;
  align-items: center;
 opacity:0.2
}*/

#CustomSpinner {
  /*min-width: 40px;
  opacity:1;
  min-height: 40px;
  border: 5px solid rgba(87 192 127 / 33%);
  border-right: 5px solid #3f0a42;
  border-radius: 50%;
  animation: spinner 0.7s linear infinite;
   position: absolute;
   z-index: 2000;*/

   min-width: 40px;
  min-height: 40px;
  border: 5px solid rgba(87 192 127 / 33%);
  border-right: 5px solid #3f0a42;
  border-radius: 50%;
  animation: spinner 0.7s linear infinite;
  position:absolute

   /*display: flex;*/
}