.circular-progress {
      position: absolute;
      top: 50%;
      left: calc(50% - 25px);
      transform: translateY(-50%);
      width: 50px;
      height: 50px;
      border: 3px solid #ff0000;
      border-top: 3px solid #ffffff;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

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

    /* Your splash screen styling here */
    #splash-screen {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      /* splash screen rengi */
      display: flex;
      justify-content: center;
      align-items: center;
    }

    #splash-screen img {
      max-width: 50%;
      /* splash ekranındaki resmin maksimum genişliği */
    }