* { color: white;}

::selection {
  background: #e62f4e;
  color: white; }

::-moz-selection {
  background: #e62f4e;
  color: white; }

body {
	background: #171717;
   }

.row:first-of-type { margin-top: 0; }
.row {
  margin-top: 30px; }

h1, .title {
  font-size: 26px; }

h1, .title, h2, h4, h5 {
  font-family: "Playfair Display", serif;
  }

.title-container {
  margin-bottom: 10px; }

.title {
  letter-spacing: 5px;
  display: inline-block; }

ul {
  margin-left: 20px; }

a {
  color: #e62f4e;
  transition: .3s all; }
  a:hover {
    color: #921d32;
    text-decoration: underline; }

li p {
  margin-left: 5px; }

p {
  font-family: "Source Code Pro", monospace;
  margin-bottom: 8px;
  margin-top: 2px; }

.vflip {
  transform: scaleX(-1);
  left: -10px;
  position: relative; }

.hflip {
  transform: scaleY(-1);
  top: 25px;
  position: absolute; }

.vlip + span, .hflip + span, .ninetyright + span {
  padding-left: 5px; }

canvas {
  z-index: -1;
  opacity: 0.10;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: 100%; }
  @media screen and (max-width: 39.9375em) {
  	canvas{
  		top: 0;
  		left: 0;
  	}
  }

.valign-container {
  width: 100%;
  display: table;
  height: 100%;
  min-height: 100vh; }
  .valign-container .valign-middle {
    display: table-cell;
    vertical-align: middle; }
.content{padding: 30px 0;}
/*# sourceMappingURL=styles.css.map */