/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." 
   
   FONT: Walter Turncoat Font?*/
@font-face {
  font-family: PTSans;
  src: url("PTS Regular.ttf");
}

@font-face {
  font-family: PTSans;
  src: url("PTS Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: PTSans;
  src: url("PTS Bold Italic.ttf");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: PTSans;
  src: url("PTS Italic.ttf");
  font-style: italic;
}

@font-face {
  font-family: 'Verdana';
  src: url("/fonts/verdana-bold-italic.ttf");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Verdana';
  src: url("/fonts/verdana-bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: 'Verdana';
  src: url("/fonts/verdana.ttf");
}

body {
  background-color: #411d16;
  color: white;
  font-family: "PTSans", "Verdana", "Times New Roman";
  margin: 3%;
}

hr {
	border: none;
	height: 3px;
	background-image: linear-gradient(to right, #f000, #2d0b00b2, transparent);
  /* background-color: #2d0b00b2; */
  }

h1 {
  margin: 0.8em 0 0.1em 0;
  display: inline-block;
  padding: 10px 20px 10px 4%;
  border: 6px black solid;
  background-color: #78b103;
  border-radius: 5px;
  color: black;
  font-variant: small-caps;
  font-size: 2.5em;
}

h1:first-child {
  margin: 0.1em 0 0.1em 0;
}

code {
	background: #0000006e;
	border-radius: 3px;
	padding: 1px 3px;
	display: inline-block;
}

h2 {
  padding:10px;
  border: 6px black solid;
  background-color: #78b103;
  border-radius: 5px;
  color: black;
  font-variant: small-caps;
  
  margin: 0.8em 0 0.1em 0;
  display: inline-block;
  padding: 10px 20px 10px 4%;
}

a {
  font-weight: bold;
  color: #78b103;
  border-bottom: 2px #78b103 dashed;
  text-decoration: none;
}

a:hover {
  border-bottom: 5px #78b103 solid;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: black;
}

::selection {
  color: white;
  background: black;
}

.column {
  float: left;
}

.left {
  width: 25%;
}

.right {
  width: 75%;
}

.ftnote {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 6px;
  font-size: 0.8em;
  transition: font-size 40ms, opacity 40ms;
  color: rgba(255, 255, 255, 0.5);
  padding: 6px 7px;
  width: 50%;
  margin-left: 2%;
  
}

.ftnote:active {
  font-size: 0.9em;
  opacity: 1;
  
}

.qt {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid white;
  border-radius: 6px;
  transition: font-size 40ms, opacity 40ms;
  padding: 6px 7px;
  width: 80%;
  border-left: 4px solid white;
  display: block;
}

table, th, td {
  border: 0px solid black;
  border-collapse: collapse;
}

.strttl {
  font-size: 3em;
  text-align: center;
  margin: 0.4em;

}

.wrning {
	justify-content: center;
	border: 0.3em #2b0000 dashed;
	padding: 5px;
	font-size: 1.3em;
	background: #9700005c;
	font-weight: bold;
}