@import url("https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap");

body {
  background-color: black;
  color: #f7f6f3;
}

#banner {
  border-bottom: 2px solid #f3c30b;
}

/*
  display: flex;
*/

#banner h2 {
  font-family: "Black Ops One", cursive;
  letter-spacing: 0.15em;
  text-shadow: 1px -2px #f3c30b;
  -webkit-text-fill-color: black;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #f3c30b;
}

/* #navbar h3 {
  font-weight: 900;
  margin: 0.25em 0.5em;
} */

.contentContainer {
  background-color: #1a1919;
  border: 2px solid #0bf3c3;
  margin: 3% 0%;
}

.contentContainer h3,
h4 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  text-align: center;
  -webkit-text-fill-color: black;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0bf3c3;
  letter-spacing: 0.1em;
}

/* #content h3 {
  letter-spacing: 0.2em;
  padding-top: 8px;
} */

.contentContainer p {
  text-indent: 2em;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

#footer {
  background-color: #f3c30b;
  color: black;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

#footer p {
  padding: 0.4em;
}

/* 

#burger {
  background-color: #f3c30b;
  width: 10vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.burgerline {
  height: 12%;
  margin: 6% 12%;
  background-color: black;
}

*/

/* COLORS
Triadic: #f3c30b, #0bf3c3, #c30bf3
Other: #f7f6f3, black
 */