css/footer.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

#footer {
	background-color: var(--foregroundColour);
	border-radius:    1rem;
	font-family:      $monospaceFont;
	margin-top:       1rem;
	padding:          1rem;
	text-align:       center;

	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%;
		}
	}

	#cvrNumber {
		font-weight: bold;
	}

	#emailAddress {
		aspect-ratio:     183/8;
		background-color: var(--textColour);
		display:          block;
		image-rendering:  pixelated;
		margin:           auto;
		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;
		max-height:       1em;
		max-width:        calc(183em / 8);
		width:            100%;
	}
}