#progressbar {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #000;
	justify-content: center;
	align-items: center;
	z-index: 100001;
  }

  #loading-indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  }

  #loading-bar {
	width: 0;
	height: 3px;
	background-color: var(--color-title);
	transition: width 0.3s ease;
  }

  #loading-text {
	font-size: 20px;
	margin-left: 10px;
  }

.scroll-progess-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1;
  }
  
  .scroll-progess-container {
	background-color: rgba(150, 150, 150, 0.6);
	height: 10px;
	width: 100%;
  }
  
  .scroll-progess-bar {
	background-color: var(--color-title);
	height: 10px;
	width: 0%;
  }