.simplePopup {
        display: block;
        position: fixed;
        padding: 10px;
        width: 400px;
        left: 50%;
        margin-left: -200px;
        height: 450px;
        top: 50%;
        margin-top: -225px;
       
        z-index: 20;
      }
    
      .simplePopup:after {
        position: fixed;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.5);
        z-index: -2;
      }
      
      .simplePopup:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: -1;
      }
.simplePopUpContents{
        display:flex;
        height: 100%;
        width: 100%;
        flex-direction: column;
}
.simplePopUpText{
        color: white;
        margin-left:auto;
        margin-bottom:auto;
        margin-right:auto;
}
/*https://css-loaders.com/spinner/ */

.simpleLoader {
    width: 50px;
    padding: 8px;
    margin-left:auto;
    margin-top:auto;
    margin-right:auto;
    aspect-ratio: 1;
    border-radius: 50%;
    background: hotpink;
    --_m: 
      conic-gradient(#0000 10%,#000),
      linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
            mask: var(--_m);
    -webkit-mask-composite: source-out;
            mask-composite: subtract;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {to{transform: rotate(1turn)}}

