body {
            background: 
                linear-gradient(45deg, #E2E2E2 25%, transparent 25%, transparent 75%, #E2E2E2 75%, #E2E2E2),
                linear-gradient(45deg, #E2E2E2 25%, transparent 25%, transparent 75%, #E2E2E2 75%, #E2E2E2);
            background-position: 0 0, 25px 25px;
            background-size: 50px 50px;
}
@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;
}

.title {
	text-align: center;
	text-shadow: 
      -1px -1px 0 white,  
       1px -1px 0 white,
      -1px  1px 0 white,
       1px  1px 0 white;
}
.container { 
	display: flex;
	justify-content: center;
	width: 100%;
}
.whitediv { background-color: white;
	    text-align: center;
	    margin: 5px;
}
p.smalltxt {
	font-size:20px;
}
.column {
    padding: 0px; /* Padding inside each column */
    box-sizing: border-box; /* Ensure padding doesn't affect width calculation */
    width: 200px;
}
.centered-div {
    width: 650px; /* One-third of the page width */
    padding: 20px;
    background-color: white; /* Background color for the div */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add some shadow for depth */
    text-align: center; /* Center the text inside the div */
    box-sizing: border-box; /* Ensure padding doesn't affect width calculation */
}
       .comicpanels {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            width: 70%;
            text-align: center;
        }

        .comicpanels p {
            align-self: flex-start;
			margin-left:20px;
			margin-right:20px;
        }