.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 10;
	background-color: #30cdd7;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeOut 1.5s 2.5s forwards;
  }
  
  @keyframes fadeOut {
	0% {
	  opacity: 1;
	}
  
	100% {
	  opacity: 0;
	  visibility: hidden;
	}
  }
  
  .loading__logo {
	opacity: 0;
	animation: logo_fade 2s 0.5s forwards;
	width: 300px;
  }
  
  @keyframes logo_fade {
	0% {
	  opacity: 0;
	  transform: translateY(20px);
	}
  
	60% {
	  opacity: 1;
	  transform: translateY(0);
	}
  
	100% {
	  opacity: 0;
	}
  }