main {
	padding-top: 4em;

	img {
		border-radius: 4em;
	}

	figcaption {
		white-space: pre-line;
		text-align: left;
		margin-left: 2em;
	}

	span {
		&:nth-of-type(1) {
			font-size: x-large;
			font-weight: bold;

			&::after {
				content: "";
				display: block;
				height: 0.1em;
				background-color: var(--regular-text);
				margin-bottom: -1em;
			}
		}

		&:nth-of-type(2) {
			font-size: smaller;
		}
	}

	@media screen and (1280px <=width) {
		section {
			&:nth-of-type(1) {
				grid-template-areas:
					"_1 _1 _1"
					"_3 _4 _2";

				h2 {
					margin-bottom: 1em;
				}
			}
		}
	}
}