/*
Copyright (c) 2021. Last Shogun Entertainment. 
*/

/* PC */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@900&display=swap');
@media only screen and (min-width: 768px) {
	html, body{
		margin: 0px;
		padding: 0px;
		text-align: center;
		background-color: black;
	}
	body{
		font-family: 'Orbitron', sans-serif;
		font-size: 60px;
		font-weight: 900;
		color: white;
		margin-top: calc(23% - 60px);
	}
	.blink_underline{
		animation-name: blink_anim;
		animation-duration: 1.1s;
		animation-iteration-count: infinite;
	}
	.blink_underline::after{
		content: "_";
	}

	@keyframes blink_anim {
	  0%   { opacity: 0.0;  }
	  10%  { opacity: 0.1;  }
	  20%  { opacity: 0.25; }
	  30%  { opacity: 0.50; }
	  40%  { opacity: 0.75; }
	  50%  { opacity: 1.0;  }
	  60%  { opacity: 0.9;  }
	  70%  { opacity: 0.75; }
	  80%  { opacity: 0.50; }
	  90%  { opacity: 0.25; }
	  100% { opacity: 0.1;  }
	}
}

/* Mobile */
@media only screen and (max-width: 768px){
	html, body{
		margin: 0px;
		padding: 0px;
		text-align: center;
		background-color: black;
	}
	@media only screen and (orientation: landscape) {
		body{
			font-family: 'Orbitron', sans-serif;
			font-size: 30px;
			font-weight: 900;
			color: white;
			margin-top: calc(30% - 30px);
		}
	}
	@media only screen and (orientation: portrait) {
		body{
			font-family: 'Orbitron', sans-serif;
			font-size: 30px;
			font-weight: 900;
			color: white;
			margin-top: calc(80% - 30px);
		}
	}
	.blink_underline{
		animation-name: blink_anim;
		animation-duration: 1.1s;
		animation-iteration-count: infinite;
	}
	.blink_underline::after{
		content: "_";
	}

	@keyframes blink_anim {
	  0%   { opacity: 0.0;  }
	  10%  { opacity: 0.1;  }
	  20%  { opacity: 0.25; }
	  30%  { opacity: 0.50; }
	  40%  { opacity: 0.75; }
	  50%  { opacity: 1.0;  }
	  60%  { opacity: 0.9;  }
	  70%  { opacity: 0.75; }
	  80%  { opacity: 0.50; }
	  90%  { opacity: 0.25; }
	  100% { opacity: 0.1;  }
	}
}