path: root/css/footer.scss

#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;
		text-align:  center;

		&::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;
		margin:      auto;
		width:       fit-content;
	}

	#emailAddress {
		aspect-ratio:     183/8;
		background-color: var(--textColour);
		display:          block;
		image-rendering:  pixelated;
		margin:           auto;
		mask-image:       url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAICAYAAAC78m4/AAAA80lEQVRYw+1YQQ7EIAiETf//ZfeyJqRRhAFN18rNEhGGAbFMRFRKKXTkyEbCzMyV2MzMUikJ39Pdv0d0VW/RIcXoicF6hgezXgxy7cWlZUNbe3LkiTvCF8uZo33d86yAZ+ruTo++WXQWcLy+oDY9MWTua9mJ5igaewbWHr7I9YV2rV5lZY04kS79L9fmjNg1u2+Ty0pUDTRZNXLUiRB/BqlnJB61iY4GKJ6WYtqtmXyswJafIEkczVyrBI1htU0UT80Pzc8n5Si9c9dZKaMrIA8SbZbyPFieIi08kXkevfFWEbSV9yiXvHzRztt6rj3y7l+BX5T3s/pA2wdgAAAAAElFTkSuQmCC");
		mask-position:    center;
		mask-repeat:      no-repeat;
		mask-size:        cover;
		max-height:       1em;
		max-width:        calc(183em / 8);
		width:            100%;
	}

	#socials {
		display:     flex;
		font-weight: bold;
		gap:         1rem;
		margin:      auto;
		margin-top:  1rem;
		width:       fit-content;

		a {
			aspect-ratio:     1;
			background-color: var(--textColour);
			display:          block;
			image-rendering:  pixelated;
			mask-size:        cover;
			width:            2rem;

			&.instagram {
				mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAX0lEQVQ4y8VTQQ6AMAiDhfT/7+0FLy6ZBnWMLPYILYQCKicAuCRAUmVVfNFkxSMfgLcV8VjEZjr1mUkqAP+cPxW7J948ibhNivi/QNlEezrTaI0R16ZufasH1WfS6jsfuEMzS24xXK8AAAAASUVORK5CYII");
			}

			&.linktree {
				mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAU0lEQVQ4y8VTQQ4AIAgS//9nu3QrFFctNk+iIk6zHDGDwu0Q3pm24zkhZMVUAYomseOiqWCpgSqV8SEa9+6MV1ZQ3A7VxOjmIE6mSrzhS5X79I0DeIAXDaPn+ZcAAAAASUVORK5CYII");
			}

			&.threads {
				mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAeElEQVQ4y6VTMQ4AIQgDcun/38viTRolRTEyGVtogaBCAkBj/+6usgsALUs+4qfkLa+azPhf1l8sOOPurgNnytFR5hBAk6r1rIDJYyiAxva7c7bwKzOIvPltJRWC9SK2rKSgGMMYqavPrTzfQWnIN/cw1nhzzmzAP95rU0FdYvnBAAAAAElFTkSuQmCC");
			}

			&.x {
				mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVQ4y62SOw5AIQgEgWLvf14aX2WiPuQTpFOzm8kgAxhkjKoyObPlAIz14jxb4fkuVJwZ/BFmKCIyt+QWlhZ2laIkKltS3sJzCg5/2SLPkikt4xF2Sahn2iuRLjZnwze6D+xmTvrTiNc4AAAAAElFTkSuQmCC");
			}
		}
	}
}