* {
	border: 0;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  }
  
  body {
	inset: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	position: fixed;
	background-color: #020c15;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100vw;
  }
  
  #loading {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 50%;
	justify-content: center;
	width: 50%;
  }
  
  #loading span {
	color: #111;
	font-family: "Open Sans", sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 32px;
	margin: 0 0 72px;
	text-align: center;
  }
  
  #loading img {
	animation: 1s ease-in-out 0s infinite alternate breathe;
	/* opacity: 0.66; */
	transition: opacity 0.4s;
  }
  
  #loading.main_done img {
	opacity: 1;
  }
  
  #loading.init_done img {
	animation: 0.33s ease-in-out 0s 1 forwards zooooom;
	/* opacity: 0.05; */
  }
  
  @keyframes breathe {
	from {
	  transform: scale(1);
	}
  
	to {
	  transform: scale(0.95);
	}
  }
  
  @keyframes zooooom {
	from {
	  transform: scale(1);
	}
  
	to {
	  transform: scale(10);
	}
  }
  
  .svg_1 {
	align-items: center;
	height: 80px;
	width: 115px;
	display: block;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
  }
  
  .svg_2 {
	margin-top: 30px;
	align-items: center;
	height: 66px;
	width: 386.91px;
	display: block;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
  }
  
  .a {
	animation: pulse 2s linear infinite;
  }