.about-box {
  width: 450px;           /* fixed width */
  max-width: 90%;         /* responsive on small screens */
  height: 350px;          /* fixed height so it doesn't fill the page */
  background-color: #000;
  padding: 12px;
  margin: 20px auto;      /* centered */
  
  /* pixel dotted border */
  border: 4px dotted #39ff14; /* neon green */

  font-family: "Courier New", monospace;
}

.about-box h2 {
  margin: 0 0 10px;
  font-size: 1.4em;
  color: #39ff14;
  text-align: center;
}

.about-scroll {
  height: 260px;          /* smaller than the box so header fits */
  overflow-y: auto;       /* vertical scrollbar */
  padding: 8px;
  background: #111;

  /* inner pixel dotted border */
  border: 2px dotted #39ff14;

  color: #baffc9;
  font-family: "Courier New", monospace;
}

/* Scrollbar styling */
.about-scroll::-webkit-scrollbar {
  width: 8px;
}

.about-scroll::-webkit-scrollbar-track {
  background: #0a0a0a;
}

.about-scroll::-webkit-scrollbar-thumb {
  background: #39ff14;
}