#footer { background-color: var(--foregroundColour); border-radius: 1rem; font-family: $monospaceFont; margin-top: 1rem; padding: 1rem; h1 { font-size: 2em; font-weight: bold; &::after { background-color: var(--textColour); border-radius: $separatorWidth; content: ""; display: block; height: $separatorWidth; margin-bottom: 1rem; margin-top: $separatorWidth; width: 100%; } } table { border-collapse: collapse; tr { th, td { line-height: 2em; } th { text-align: left; &::before { content: "\00B7\0020"; } } td { padding-left: 2rem; } } } #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); } }