body {
margin: 0;
font-family: Arial, sans-serif;
}

.dashboard {
width: 100%;
max-width: 1200px;
margin: auto;
}

.dashboard-header {
background-color: #333;
color: white;
text-align: center;
padding: 1em;
}

.dashboard-content {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}

.data-field {
width: 30%;
height: 150px; /* Adjust as needed for your design */
background-color: #f4f4f4;
border: 1px solid #ddd;
margin: 10px 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
text-align: center;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

@media (max-width: 600px) {
.data-field {
width: 100%;
}
}