body {
	background-image: url('https://dl.glitter-graphics.com/pub/721/721292atgy0j8t7u.gif');
  background-repeat: repeat;
}
@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;
}
.centerbox {
	padding: 0px;
	margin: 0px auto;
	width: 100%;
	position: relative;
	text-align: center;
}
#wobble {
    font-size: 48px;
    text-align: center;
    text-shadow: 0 0 5px white,  /* First layer of glow */
                 0 0 10px white, /* Second layer of glow */
                 0 0 15px white, /* Third layer of glow */
                 0 0 20px white, /* Fourth layer of glow */
                 0 0 25px white, /* Fifth layer of glow */
                 0 0 30px white, /* Sixth layer of glow */
                 0 0 35px white; /* Seventh layer of glow */
}
.whitediv { background-color: white;
	    text-align: center;
	    margin: 5px;
}
p.smalltxt {
	font-size:20px;
}
.container { 
	display: flex;
	justify-content: center;
	width: 100%;
}
.column {
    padding: 20px; /* Padding inside each column */
    box-sizing: border-box; /* Ensure padding doesn't affect width calculation */
}
.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 */
}
p.graytxt { font-size: 15px;
	    color: gray;
	    font-family: "MS Sans Serif";
}
.jaytitle {
	text-align: center;
	color: #F8EF22;
	font-size: 30px;
	text-decoration: underline;
}
.momptitle {
	text-align: center;
	color: #000;
	font-size: 30px;
	text-decoration: underline;
}
p.centered-text {
	text-align: center;
	font-size: 30px;
}