:root{
    --delay-default: 250ms;
}

section {
  display: flow-root; 
  padding: 4rem 0; 
}


section h2:first-child {
  margin-top: 0;
}

main {
  & > section:first-of-type {
    margin-top: 60px;
  }
}

a.link {
	text-decoration: none;
	color: #00569c;

	--reversed-link-gap: min(100%, 1.35em);
	background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap)/0 1px no-repeat;
	background-position-x: right;
	transition: color var(--delay-default), background-size .5s cubic-bezier(.3, 1, .3, 1);

	&:hover {
		background-position-x: left;
		background-size: 100% 1px;
	}
}

.container {
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		width: 100%;
		box-sizing: border-box;
		padding-inline: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	}


	@media (max-width: 575px) {
			.container {
				max-width: 280px;
			}
		}

	@media (min-width: 576px) {
		.container {
			max-width: 540px;
		}
	}

	@media (min-width: 768px) {
		.container {
			max-width: 728px;
		}
	}

	@media (min-width: 992px) {
		.container {
			max-width: 944px;
		}
	}

	@media (min-width: 1200px) {
		.container {
			max-width: 1200px;
		}
	}

	@media (min-width: 1400px) {
		.container {
			max-width: 1200px;
		}
	}