/* Add your desired CSS styles here */
.title-bar {
	background-color: #F2F2F2;
	padding: 10px;
	text-align: center;
}

.playful-title {
	font-family: "Comic Sans MS", cursive, sans-serif;
	font-size: 24px;
	color: #FF00FF;
}

.expandable-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.expandable-menu li {
	display: inline-block;
	margin-right: 10px;
}

.expandable-menu a {
	text-decoration: none;
	color: #000;
}

.main-site {
	text-align: center;
	padding: 20px;
}

.main-button {
	background-color: #FF00FF;
	color: #FFF;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	text-decoration: none;
}

footer {
	background-color: #F2F2F2;
	padding: 20px;
	text-align: center;
}
/* Sticky footer styles */
.container::after {
    content: "";
    flex: 1;
}