.required{
	display: block;
	margin-top: 3px;
	font-family: 'Courier', Arial;
	font-size: 20px;
}

.optional{
	margin-top: 7px;
	margin-left: 5px;
	padding: 3px;
	border: 1px solid black;
	width: max-content;
	font-family: 'Courier', Arial;
	font-size: 20px;
	background-color: #dddddd;
}

#generateButton{
	margin-top: 5px;
	font-family: 'Courier', Arial;
	font-size: 20px;
}

.required input, .optional input{
	font-family: 'Courier', Arial;
	font-size: 20px;
}

p{
	margin-bottom: 3px;
	margin-top: 3px;
}

h1{
	font-family: 'Courier', Arial;
	font-size: 30px;
	align-content: center;
}

.barcode-container svg{
    width: 200px;
    height: 33.1mm;
    border: 1px solid transparent;
}

.barcode-container{
	margin-top: 5px;
}

@media print {
  section { 
  	display: none; 
  }
  .barcode-container { 
  	position: fixed; 
  	left: 0mm;
  	top: 0mm; 
  	margin-top: -5mm; 
  	margin-left: -13.8mm; 
  	margin-right: -14.2mm; 
  }
}