body {
  background-color: #1b232b;
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
}
div.renew{width: 39%;max-width: 200px;margin: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
div.renew img{width: 100%;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;filter: drop-shadow(4px 6px 0px #fff2);
	animation:logo-anime 1s ease-in 1;
}
@keyframes logo-anime{
	from{top: -60px;opacity: 0}
	to{opacity: 1;}
}
div.renew:after{
    display: block;
    content: " ";
    background-image: url(maru.webp);
    width: 5cqw;
    height: 5cqw;
    background-size: 100%;
    position: absolute;
    top: 65%;
    left: 80%;
	animation:logo-anime 1s ease-out 1;
}
.typing{color: #c5c4bc; width: 28ch;overflow: hidden;animation: typing 2s steps(14) 1 alternate;line-height: 1.4em;height: 1.4em;font-size: 20px;font-family: serif;
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
	top: 26%;
}
@keyframes typing{
	from{width: 0ch}
}