@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bitcount+Prop+Single:wght@100..900&display=swap');
/* CSS Document */

* {
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body {
	background-image: radial-gradient(#d5a6bd, antiquewhite);
	background-repeat: no-repeat;
	overflow: hidden;
	height: 100vh; 
}

p {
	text-align: center;
	margin: 0px;
	padding: 0px; 
}

img {
  width: 80px; 
}

bitcount-prop-single-mm {
	font-family: "Bitcount Prop Single", system-ui;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
	font-variation-settings:
	"slnt" 0,
	"CRSV" 0.5,
	"ELSH" 0,
	"ELXP" 0;
}

h1 {
	font-family: 'Bitcount Prop Single', thin;
	font-size: 60px;
	color: #d5a6bd;
	/*margin-bottom: 40px;*/
	text-align: center;
	position: fixed;
}

a:link,
a:visited,
a:hover,
a:active  {
  text-decoration: none;
  color: black;
}


footer {
	position: fixed;
	display: flex;
	background-color: antiquewhite;
	width: 100%;
	left: 0px;
	bottom: 0px;
	padding: 10px;
}

.footer-element {
	border: 2px solid pink;
	border-radius: 50%; 
	
}
.footer-element a {
  text-decoration: none; 
}
.footer-element:hover {
	border-color:red; 
}

.footer-image {
  position: fixed; 
  width: 100%;   
  width: 100vw;
  left: 0px; 
  bottom: 10px; 
  padding: 0px; 
  z-index: -1; 
}

.hidden-item {
  visibility: hidden;
}

.hidden-item a:hover {
  text-decoration: none; 
  color: red; 
}

.hover-note:hover .hidden-item {
  visibility: visible;
}