.top-bar {
	display: flex;
	height: 100px;
	padding-top: 50px;
}

.top-bar__logo {
	position: relative;
	flex: 1 1 108px;
	overflow: hidden;

	.home & {
		animation: logo-transition 2s;
		animation-timing-function: ease-in-out;
		animation-fill-mode:forwards;
		animation-delay: 2s; 	
	}

	.home &.start {
		transform: translateY(-200%);
	}
}

.blog-list .top-bar__logo img {
	position: absolute;
	bottom: 0;
}

@keyframes logo-transition {
	0%, 0% {
		transform: translateY(-200%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}