/*Base page background */
body {
  background-color: #161859 !important;  /* side areas */
  margin: 0;
  padding: 0;
}

/Main layout background*/
.md-main, 
.md-sidebar, 
.md-content {
  background-color: #161859 !important;  /* center content background */
}

/*Top bar*/
.md-header {
  background-color: #DE32A9 !important;
}
.md-header nav, 
.md-header a {
  color: #121244 !important;
}

/*Text colors*/
.md-content, 
.md-content p,
.md-content li,
.md-content h1,
.md-content h2,
.md-content h3,
.md-content h4,
.md-content h5,
.md-content h6 {
  color: #A8CAFF !important;
}


.md-main {
  padding: 20px;
}


.centered-square {
  width: 200px;
  height: 200px;
  background-color: #FF6347 !important;
  margin: 40px auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
}

.md-sidebar--secondary {
  display: none !important;
}

img {
  border: 20px solid #34408E;  /* Change color and thickness as needed */
  border-radius: 8px;         /* Optional: rounded corners */
  padding: 4px;               /* Optional: spacing inside border */
}