.preview-card {
	position: relative;
	overflow: hidden;
}

.preview-card::after {
	content: "";
	position: absolute;
	inset: auto -20% -55% auto;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0));
	pointer-events: none;
}

.sidebar,
.intro-card,
.preview-card,
.headline-form {
	animation: rise-in 0.65s ease both;
}

.preview-card:nth-child(2) {
	animation-delay: 0.08s;
}

.preview-card:nth-child(3) {
	animation-delay: 0.14s;
}

.preview-card:nth-child(4) {
	animation-delay: 0.2s;
}

.preview-card:nth-child(5) {
	animation-delay: 0.26s;
}

.preview-card:nth-child(6) {
	animation-delay: 0.32s;
}

@keyframes rise-in {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}


.topbar h1 {

 font-size: 30px;
}