/* CSS for Centering with Flexbox */
.flex-center-container {
display: flex;
justify-content: center; /* Horizontally center content */
align-items: center; /* Vertically center content */
min-height: 200px; /* Just to demonstrate the centering effect */
border: 2px dashed #a0a0a0;
background-color: #e0f2f7;
font-family: sans-serif;
}
.centered-item {
background-color: #64b5f6; /* A nice blue */
color: white;
padding: 2em;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}