body{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}

.logo{

}

	.togi{

		animation:fade-in 0.7s linear forwards,popup 0.7s cubic-bezier(0.22,1,0.36,1) 1s forwards;
	}

	.batten{
		position:relative;
		bottom:20px;
		animation:fade-in 0.7s linear forwards,popup 1.4s cubic-bezier(0.22,1,0.36,1) 0.5s forwards;
	}
	
	.vc{
		animation:fade-in 0.7s linear forwards,popup 0.7s cubic-bezier(0.22,1,0.36,1) 1s forwards;
	}
	
	@keyframes popup{
		0%{
			transform: translateY(80px) scale(0.8);
			opacity:0;
		}
		100%{
			transform:translateY(0) scale(1.0);
		}
		80%,100%{
			opacity:1;
		}
	}
	@keyframes fade-in{
		0%{
			opacity:0;
		}
		100%{
			opacity:0;
		}
	}

.border{
	border-bottom:3px solid;
	border-image:linear-gradient(to right,#4169e1,#dc143c)1;
	padding:5px;
	animation:border_anim 3s linear forwards;
}
@keyframes border_anim{
	0%{
		width:0;
		opacity:0
	}
	70%{
		width:0;
		opacity:0
	}
	100%{
		width:680;
		opacity:1
	}
}