.wloader-circle {
    /*https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader */
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    animation: wrotation 2s linear infinite;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .wloader-container{
      background-color: black;
      opacity: 0.7;
      position: fixed;
      left: 0;
      top:0;
      bottom: 0;
      right: 0;
  }

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