body {
  margin: 20;
  padding: 25;
  background: #0e172a;
  color: #d0eaff;
}

.navbar {
  display:flex;
  align-items: center;
  justify-content: center;
}

/* change navbar styling for this page */
.nav-btn {
  font-size: 22px;
  padding: 12px 20px;
  background: #0f2d3f;
  color: #d0eaff;
  border: 2px dotted #5eead4;
}
.nav-btn:hover {
  background: #5eead4;
  color: #0e172a;
}

.intro-banner {
  background: #1a2636;
  color: #a5f3fc;
  padding: 30px;
  text-align: center;
  font-family: 'Courier New', monospace;
  border-radius: 10px;
  margin: 20px;
}

h1 {
  font-size: 32px;
  margin-bottom: 10px;
}

p {
  font-size: 16px;
  margin: 8px 0;
  opacity: 0.9;
}

/*GET THE DASHBOARD CENTEREDD*/
.container {
  display: flex;
  flex-direction: column;   
  align-items: center; 
}

.dashboard {
  width: 100%;
  max-width: 1000px;      
  overflow: hidden;    
  padding: 10px;
}