#congrats-container {
	display: grid;
	place-items: center;
	margin: 2rem 0;j
}

.modal-header {
	border-bottom: none;
}

.congrats-content {
	padding: 1rem 2rem 2rem 2rem;
}

#ribbon-container, #confetti-container {
	grid-column: 1/1;
	grid-row: 1/1;
	width: 100%;
}

#ribbon-container {
	z-index: 1;
}

#confetti-container {
	z-index: 0;
}

#star {
	transform-origin: 51% center;
	animation-name: spin;
	animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-duration: 1000ms;
}

#confetti-container {
	transform-origin: center;
	animation-name: expand;
	animation-timing-function: exponential;
	animation-iteration-count: 1;
	animation-duration: 1000ms;
}

@keyframes spin {
	0% { transform: rotate3d(0, 1, 0, 0); }
	25% { transform: rotate3d(0, 1, 0, 360deg); }
	50% { transform: rotate3d(0, 1, 0, 100deg); }
	60% { transform: rotate3d(0, 1, 0, 180deg); }
	100% { transform: rotate3d(0, 1, 0, 360deg); }
}

@keyframes expand {
	0% { transform: scale(0.5); }
	100% { transform: scale(1); }
}