footer {
	color: var(--text-accent-150);
	grid-area: footer;
	text-align: center;
	font-size: 1rem;

    @media (max-width: 1140px) {
        margin-top: 1em;
        margin-bottom: 8em;
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 1141px) {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: auto;
        margin-right: auto;
    }

	p {
		margin: .25em;

		span {

			&:not(:last-child) {

				&::after {
					content: '·';
					padding: .25em;
				}
			}

			a {
				color: var(--text-secondary);
				text-decoration-color: transparent;

				&:hover {
					text-decoration: underline;
					text-decoration-color: var(--text-secondary);
				}
			}
		}
	}
}