path: root/css/footer.scss

#footer {
	background-color: var(--foregroundColour);
	border-radius:    1rem;
	font-family:      "Martian Mono", "monospace";
	font-size:        0.75em;
	margin-top:       1rem;
	padding:          1rem;

	#emailAddress {
		background-color: var(--textColour);
		display:          inline-block;
		height:           1em;
		image-rendering:  pixelated;
		mask-image:       url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAICAYAAAC78m4/AAAA/UlEQVRYw+1XQQ7EIAiExv9/2T01IQQJDNZ0rdyEFmEcBJmIqPfe6ciRzYRvYjMzS4Mk/Mim9RXbbY/YkGLM5BDdI4PZKAe5zuJi+fDWmTPK5F3hS2RPNPdLK/RHnk1ulLFJnbWWOsuGEhuNJetT27I5eP95WFskqJ5fJM4oX1Cso3FqXUNvrZHTWSNO5Zb+i5bpkGhmh/rMCGJwsEWJ6oEmq4mZefRftkpXEmq1T3Q0QPGMFNNul8kVBRYdD9CW94TMGHFW+ETx9OLw4nzTGVVw0cXa5INlxq2APEisNow8cN8EtMYzE2clP+9humIUqHKpwjOd+9Zz7ZFvyw87v+eHE6E5DAAAAABJRU5ErkJggg");
		mask-position:    center;
		mask-repeat:      no-repeat;
		mask-size:        cover;
		vertical-align:   middle;
		width:            calc(183em / 8);
	}

	#footerHeading {
		font-size:   2em;
		font-weight: bold;

		&::after {
			background-color: var(--textColour);
			border-radius:    0.25rem;
			content:          "";
			display:          block;
			height:           0.25rem;
			margin-bottom:    1rem;
			margin-top:       0.25rem;
			width:            100%;
		}
	}

	img {
		display: block;
		margin:  auto;
	}

	table {
		border-collapse: collapse;

		tr {
			th, td {
				line-height: 2em;
			}

			th {
				text-align: left;

				&::before {
					content: "\00B7\0020";
				}
			}

			td {
				padding-left: 2rem;
			}
		}
	}
}