@font-face {
  font-family: tox;
  src: url('https://tobelikeyou.neocities.org/entries/assets/fonts/tox.ttf');
}

@font-face {
    font-family: 'tekkno';
    src: url('https://tobelikeyou.neocities.org/entries/assets/fonts/5tekknosystem.ttf');
}

body {
  font-family: 'tox';
  color: white;
  background-color: #2a2836;
}

.container {
	max-width: 45rem;
	margin: 5vw auto;
	padding: 5px;
}

.bigspace {
  flex: 1 1 100%;
  height: 50em;
}

.narration {
  font-family: 'tox';
  text-indent: 1em;
  font-size: 1.15em;
}

img {
  width: 100%;
}

.nav {
  font-family: helvetica;
}

.nav a {
     color: inherit;
  text-decoration: underline;
}

a {
       color: inherit;
  text-decoration: underline;
}

/*textboxes & such below this line*/

.peyton {
  font-family: 'tox';
  padding-left: 3.5em;
  font-size: 1.15em;
  color: Magenta;
}

.pdm {
  font-family: 'Helvetica';
  text-indent: 1em;
  font-size: 1em;
  color: White;
  background-color: black;
  border-left: 2em solid darkred;
  padding: 1em;
}

.pw {
    font-family: 'Arial Narrow';
  text-indent: 1em;
  font-size: 1em;
  color: black;
  background-color: white;
  border: double black;
  border-width: 0 0 0 .3em;
  padding: 1em;
}

.pg {
  font-family: 'tekkno';
  background: url('https://tobelikeyou.neocities.org/entries/assets/general/pg-bg.png');
  background-size: 3.5em 3.5em;
  text-indent: 1em;
  font-size: 1em;
  color: black;
  border-image: url("https://i.imgur.com/NJa4bp2.png") 8 round;
  border-style: solid;
  border-width: 0 0 0 .6em;
  border-image-outset: .1em;
  padding: 1em; 
}

.ga {
    font-family: 'Helvetica';
  text-indent: 1em;
  font-size: 1em;
  color: white;
  background-color: darkred;
  border-left: 1em solid black;
  border-right: 1em solid black;
  padding: 1em;
  letter-spacing: 0.2rem;
  font-weight: bold;
}

.pin {
  font-family: 'tox';
  padding-left: 3.5em;
  font-size: 1.15em;
  color: BurlyWood;
}