@font-face {
  font-family: 'Batangas';
  src: url('fonts/Batangas-Regular.ttf') format('truetype'); /* Adjust path and format if needed */
  font-weight: normal;
  font-style: normal;
}

/* loading-screen section start here */
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #003B64;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.loader {
  position: relative;
  font-size: clamp(2rem, 8vw, 10vh);
  font-family: Batangas;
  letter-spacing: 3px;
}

.loader .outline {
  color: #ffffff;
}

.loader .fill {
  position: absolute;
  top: 0;
  left: 0;
  color: #0ea3da;
  animation: uiverse723 3s ease-in-out infinite;
}

@keyframes uiverse723 {
  0%,
  100% {
    clip-path: polygon(
      0% 45%,
      15% 44%,
      32% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }

  50% {
    clip-path: polygon(
      0% 60%,
      16% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );
  }
}