@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

body {
  background-color: #000000; 
  color: #ffeefa; 
  font-family: 'DotGothic16', monospace; 
  line-height: 1.2; 
}

a {
  color: #bbbcde; 
  text-decoration: none; 
}

a:hover {
  text-decoration: underline; 
}

h1, h2, h3, h4, h5, h6 {
  color: #ffeefa; 
  background-color: #222222; 
  font-family: 'DotGothic16', monospace; 
  margin: 1em 0; 
  padding: 5px;
}

.sidebar, .footer {
  color: #ffeefa; 
  background-color: #111111; 
  padding: 10px;
}

button {
  background-color: #bbbcde; 
  color: #000000; 
  border: none;
  padding: 10px 20px;
  font-family: 'DotGothic16', monospace; 
  cursor: pointer;
}

button:hover {
  background-color: #8888aa; 
  color: #ffffff; 
}

pre, code {
  background-color: #1a1a1a; 
  color: #ffeefa; 
  padding: 10px;
  border-radius: 5px; 
  font-family: 'DotGothic16', monospace; 
  overflow-x: auto; 
}