@media(max-width:669px) {

	* {
		font-size: 22px;
	}
	
	body .mv-bg {
		animation-duration: 9s;
	}

	body {
		height: 100%;
		width: 100%;
		overflow: hidden;
	}
	
	#page {
		padding: 0 5%;
		padding-top: 11.5vh;
	}
	
	input[type='text'] {
		border-radius: 2.5px;
		outline: none;
		border: 1px solid rgba(153, 153, 255, .6);
		background-color: rgba(0, 0, 0, .3);
		color: #fff;
		width: 300px;
		padding-left: .5em;
		height: 40px;
	}
	
	input[type='text']:hover {
		box-shadow: cyan 0 0 3px;
		background-color: rgba(0, 0, 0, .1);
	}
	
	input[type='text']:focus {
		box-shadow: cyan 0 0 3px;
		background-color: rgba(0, 0, 0, .1);
	}
	
	input::input-placeholder {
		color: #fff;
	}
	
	#check-result {
		color: #fff;
		margin-top: 8px;
		text-shadow: cyan 1px 1px 2.5px;
	}
	
	.outlink {
		width: 100%;
		margin-top: 40px;
	}
	.outlink span {
		color: white;
	}

}