/* Background */
body {
  background-color: #121212;
  color: #e0e0e0;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Headings */
h1, h2, h3 {
  color: #95d5b2;
}

/* Navbar */
.navbar {
  background: linear-gradient(90deg, #000000, #1e1e1e) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

.navbar a {
  color: #95d5b2 !important;
  font-weight: 600;
  transition: 0.3s;
}

.navbar a:hover {
  color: white !important;
  transform: scale(1.1);
}

/* Cards */
.callout-note {
  background-color: #1e1e1e;
  border-left: 5px solid #95d5b2;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 25px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
  transition: 0.3s;
}

.callout-note:hover {
  transform: translateY(-5px);
}

/* Links */
a {
  color: #95d5b2;
  font-weight: 500;
}

a:hover {
  color: #ffffff;
}

/* Images */
img {
  border-radius: 50%;
  border: 3px solid #95d5b2;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

/* Spacing */
h2 {
  margin-top: 30px;
}

p, li {
  line-height: 1.6;
}

/* Page width */
.container {
  max-width: 900px;
}