html, body {
  padding: 0;
  font-family: 'IBM Plex Mono', monospace;
  color: rgb(255, 114, 93);
  background-color: rgb(0,0,0);
  max-width: 1420px;
  margin: auto;
}

/* Mobile first queries */

/* Larger than mobile */
@media (min-width: 400px) {
.column_right {
	width: 100%;

}

.big_uni {
	font-size: 24rem;
}

p {
	font-size: 4rem;
	line-height: 1.25em;
}

.footnote {
	font-size: 2rem;
	line-height: 2.4rem;
}
canvas {
 width: 100% !important;
 height: auto !important;
}
#c1, #c2, #c3 {
	width: 100%;
	margin: 4em;

}
.unicode {
  display: inline-block;
  font-size: 1.5em;

}

}

/* Larger than phablet */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {
p {
	font-size: 2rem;
	line-height: 2.4rem;
}
.column_right {
	width:50%;
}

#c1, #c2, #c3 {
	width: 40%;
	margin: 4em;
	display: inline-block;

}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

.column_right {
	display: inline-block;
	margin: 2em;
	padding-top: 3em;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.3em;

}

a {
	color: rgb(255, 114, 93);
}

.bold_type {
	font-weight: 400;
}

.footnote {
	font-size: .35em;
	font-weight: 400;
	text-transform: uppercase;

}

.arrow {
  transform: rotate(90deg);
  display: inline-block;

}


#c1 {
  display: inline-block;
  float: left;
  margin: 4em;
}

#c2 {
  display: inline-block;
  margin: 4em;
}

#c3 {
  display: inline-block;
  margin: 4em;
}

.unicode {
  display: inline-block;

}