@font-face {
  font-family: 'ComicSans'; 
  src: url('/fonts/COMIC.TTF') format('truetype'),
       url('/fonts/comici.ttf') format('truetype');
}

p,div { font-family: 'ComicSans';
	font-size: 40px;
	margin: 2px;
}

p.title {
	text-align:center;
	font-size: 50px;
	margin: 2px;
}
p.undertitle {
	text-align:center;
	font-size: 30px;
}
.container { 
	display: flex;
	justify-content: center;
	width: 100%;
}
.container img {
	max-width: 500px;
	height: auto;
}

.images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); /* Adjust size to make images smaller */
  gap: 10px; /* Consistent spacing between images */
}

.images img {
  width: 100%; /* Ensures each image fills its grid cell */
  height: auto;
  object-fit: cover;
  display: block;
}
.whitediv { background-color: white;
	    text-align: center;
	    margin: 5px;
}
p.smalltxt {
	font-size:20px;