.introduction {
				font-size: 1rem;
				margin-bottom: 4rem;
			}

			.introduction h1 {
				color: var(--dark-blue);
				font-size: 2rem;
			}

			.introduction h1 + p {
				color: var(--text--dark-gray);
				font-weight: 500;
			}

			.introduction__wrapper {
				display: flex;
				flex-direction: column;
				gap: 1.5em;
			}
			.introduction__content {
				box-shadow: 0 1px 2px 0 var(--card-shadow);
				border: 1px solid var(--card-border-light);
				border-radius: 1em;
				background: var(--card-bg-gray);
				padding: 0.75em;
			}

			.introduction__content p {
				font-size: 0.875em;
				font-weight: 400;
				color: var(--text--darker-gray);
			}

			.introduction__content h3 {
				font-size: 0.75em;
				color: var(--text-dark);
				margin-bottom: 0.5em;
				letter-spacing: 1px;
				text-transform: uppercase;
			}

			.introduction__link {
				display: flex;
				align-items: center;
				gap: 0.5em;
			}
			.introduction__link i {
				color: var(--text-dark-blue);
				font-size: 0.6em;
			}

			.introduction__link a {
				color: var(--text-dark-blue);
				font-size: 0.875em;
				font-weight: 500;
				transition: 0.2s ease-in-out;
			}

			.introduction__link:hover i,
			.introduction__link:hover a {
				color: var(--text-hover-blue);
			}

			@media (min-width: 480px) {
.introduction__content {
				padding: 1.5em;
			}
}