* {
	margin: 0;
	padding: 0;
	font-family: "Poppins", sans-serif;
}

header {
	text-align: center;
	margin-top: 20px;
}

}
img { 
  border: 3px dotted white; 
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 1.5s ease-in-out;
} 

img:hover { 
  border: 10px double black; 
    border-radius: 25px;

}

.microtext { 
  border: 3px dotted white; 
  text-decoration: none;
  color: black;
  
} 
.microtext:hover { 
  border: 10px double black;
    border-radius: 25px; 
}


.id_number { 
  border: 3px dotted white; 
} 
.id_number:hover { 
  border: 10px double black;
    border-radius: 25px; 
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: black;
  margin-top: 30px;
  margin-bottom: 50px;
}

/* Microtext */
.microtext {
  position: absolute;
  font-size: 10pt;
  bottom: 110px;
  left: 165px;
  right: 165px

}

/* number*/
.id_number {
  position: absolute;
  left: 220px;
  right: 220px;
  bottom: 15px;
}

/* Name */
.name {
  position: absolute;
  top: 20px;
  left: 180px;
  font-size: 22pt;
}

/* chip */
.chip {
  position: absolute;
  top: 80px;
  right: 150px;
}

/* barcode*/
.barcode {
  position: absolute;
  bottom: 50px;
  right: 90px;
  left: 80px;
}


/* Photo */
.photo {
  position: absolute;
  top: 300px;
  left: 400px;
  transform: translate(-50%, -50%);
}