/*
body {
	background-color: rgb(22, 21, 20);
	color: rgb(230, 230, 230);
	padding-bottom: 256px;
}
*/

/* Typography */
html,
body {
  margin: 0;
  padding: 0;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 2;
}

body {
  background-color: var(--bg-dark-subtle);
}

/* bs-card {
  background-color: var(--bg-dark-subtle);
} */

@font-face {
  font-family: "Noto Sans Regular";
  src: local("Noto Sans Regular"), local("Noto-Sans-Regular"),
    url("../fonts/NotoSans-Regular.ttf"); /* Need to go up one directory */
  font-display: swap; /* avoid showing invisible text */
}

@font-face {
  font-family: "Noto Sans Mono";
  src: local("Noto Sans Mono"), local("Noto-Sans-Mono"),
    url("../fonts/NotoSansMono-Regular.ttf");
  font-display: swap;
}

code {
  font-family: "Noto Sans Mono", monospace;
}

nav,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Noto Sans Regular", sans-serif;
}

p,
ul,
ol {
  font-family: "Noto Sans Regular", sans-serif;
  /* color: lightgrey; */
}

h1,
h2,
h3:not(.card-title) {
  margin: 2rem 0 0.625rem;
}

.card-title {
  font-weight: 600;
}

/* For icon indicating Cloudflare proxy */
.cf-red-5 {
  color: #f6821f;
}

/* Layout 
.container:not(.service-list) > * {
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
}

.service-list {
  max-width: 960px;
}
*/

.container-fluid {
  max-width: 960px;
  /* max-width: 1280px;
  padding-left: 8rem;
  padding-right: 8rem; */
}

code {
  background-color: rgb(43, 48, 53);
}

pre {
  background-color: rgb(43, 48, 53);
  padding: 1em;
}

.card:hover {
  background-color: rgb(43, 48, 53);
}

/* nav {
  align-items: center;
} */

/* Footer */
footer {
  text-align: center;
  padding: 3em 0 3em;
  font-size: 1em;
  margin-top: 4rem;
}