@import url("desktop.css");
@import url("mobile.css");


:root {
  --nb-bg-color:black;
  --nb-code-bg-color:rgb(70, 70, 70);
  --nb-txt-color:rgb(232, 232, 232);
  --nb-navbar-bg-color:#648260;
  --nb-navbar-bg-color-hover:#596782;
}

img.equation {
  filter: invert(100%);
  background-color: white;
}

body {
  background-color: var(--nb-bg-color);
  color: var(--nb-txt-color);
  font-family:Verdana, Geneva, Tahoma, sans-serif;

  display: flex;
  flex-direction: column;

  font-size: 16px;
  
  max-width: 1024px;
  min-height: 90vh;
}

footer {
  font-size: 12px;
  font-style: italic;
  margin-top: auto;
}

a {
  color: rgb(100, 200, 255);
}

a:visited {
  color: rgb(200, 100, 255);
}

/****************************/
.anchor {
  font-size: 40px;
  font-family: 'Courier New', Courier, monospace;
  
  text-decoration: none;
  text-decoration-line: overline underline;
}

.anchor a {
  color: var(--nb-txt-color);
  text-decoration: none;
}

/****************************/
/* Navbar */
.navbar ul {
  list-style-type: none;
  display: flex;
  padding: 0;
}

.navbar a {
  background-color: var(--nb-navbar-bg-color);
  color: var(--nb-txt-color);
  text-decoration: none;
  text-align: center;

  display: block;

  padding-top: 14px;
  padding-bottom: 14px;
}

.navbar a:hover {
  background-color: var(--nb-navbar-bg-color-hover);
}
/****************************/
/* Headers */
h1 {
  /* text-decoration-line: overline; */
  font-size: 1.50em;
  font-weight: bold;
}

h2 {
  font-size: 1.25em;
  text-decoration-line: underline;
  margin-top: 10px;
  margin-bottom: 0;
}

h3 {
  font-size: 1.20em;
  margin-bottom: 0;
}

h4 {
  font-size: 1.10em;
  padding: 0;
  margin: 0;
}

/****************************/
/* Code */
code {
  background-color: var(--nb-code-bg-color);
  display:block;
  font-family: monospace;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}