body {
    background-color: var(--main-color);
  }
  .center {
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
  }
  .loader {
      border: 4px solid #fff;
      border-top: 4px solid var(--main-color);
      border-radius: 50%;
      width: 32px;
      height: 32px;
      animation: 2s linear infinite spin;
      alignment: center;
      padding: 32px;
      margin-top: 32px;
      margin-left: auto;
      margin-right: auto;
  }
  @keyframes spin {
      0% {
          transform: rotate(0);
      }
      100% {
          transform: rotate(360deg);
      }
  }
  .vertical-center {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  }
  #logo:before {
      content: url("logo.svg");
  }