/* Children of Sections need a padding bottom whenever
	the block after the current one has a tooth that overlaps
	with the content with the current. the "> *" targets any
	direct children of the <div> in this componennt */

	/* when refactoring or making changes, please test on all
	components by adding a component with a tooth after it */
	
		.sec:has(+ .tooth--right) > div:first-child > *,
		.sec:has(+ .tooth--left) > div:first-child > *
	 {
		/* padding-bottom: 6rem; */
	}