body {
	font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

#imagePreview {
	display: none;
	max-width: 100%; /* Ensure the preview fits within its container */
	max-height: 200px; /* Limit the height of the preview */
}

#previewImage {
	width: auto;
	max-height: 200px;
	height: 100%; /* Make sure the image scales within the given max height */
	object-fit: contain; /* Maintain aspect ratio and avoid stretching */
	border: 1px solid #ccc; /* Optional: Add a border around the preview */
	padding: 5px; /* Optional: Add some padding around the image */
}