@font-face {
  font-family: 'Brandon Light';
  src: url('font-webfont.woff2') format('woff2'),
       url('font-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
/* credit to mehf for font idea, i stole it */
}

a {
  text-decoration: none; /* no underline */
}

.back {
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -2;
	filter: blur(3px) brightness(30%);
	pointer-events: none;
}

body {
  text-align: center;
  font-size: 20px;
  -webkit-user-select:none;-moz-user-select:-moz-none;
  -ms-user-select:none;user-select:none
}

.ascii {
  font-family: monospace;
  white-space: pre;
  font-size: 20px;
  text-align: center;
}

.clean {
  color: white;

  font-family: 'Brandon Light'

}

/* credit to mehf for this bit */

.rainbow{
    background-size: 800% 800%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: rainbow 8s ease infinite;
    overflow: hidden;
  }
  
  @keyframes rainbow {
    0% {
      color: #e87d7d;
    }
    2% {
      color: #e88a7d;
    }
    4% {
      color: #e8977d;
    }
    6% {
      color: #e8a47d;
    }
    8% {
      color: #e8b07d;
    }
    10% {
      color: #e8bd7d;
    }
    12% {
      color: #e8ca7d;
    }
    14% {
      color: #e8d77d;
    }
    16% {
      color: #e8e47d;
    }
    18% {
      color: #dfe87d;
    }
    20% {
      color: #d3e87d;
    }
    22% {
      color: #c6e87d;
    }
    24% {
      color: #b9e87d;
    }
    26% {
      color: #ace87d;
    }
    28% {
      color: #9fe87d;
    }
    30% {
      color: #92e87d;
    }
    32% {
      color: #86e87d;
    }
    34% {
      color: #7de881;
    }
    36% {
      color: #7de88e;
    }
    38% {
      color: #7de89b;
    }
    40% {
      color: #7de8a8;
    }
    42% {
      color: #7de8b5;
    }
    44% {
      color: #7de8c1;
    }
    46% {
      color: #7de8ce;
    }
    48% {
      color: #7de8db;
    }
    50% {
      color: #7de8e8;
    }
    52% {
      color: #7ddbe8;
    }
    54% {
      color: #7dcee8;
    }
    56% {
      color: #7dc1e8;
    }
    58% {
      color: #7db5e8;
    }
    60% {
      color: #7da8e8;
    }
    62% {
      color: #7d9be8;
    }
    64% {
      color: #7d8ee8;
    }
    66% {
      color: #7d81e8;
    }
    68% {
      color: #867de8;
    }
    70% {
      color: #927de8;
    }
    72% {
      color: #9f7de8;
    }
    74% {
      color: #ac7de8;
    }
    76% {
      color: #b97de8;
    }
    78% {
      color: #c67de8;
    }
    80% {
      color: #d37de8;
    }
    82% {
      color: #df7de8;
    }
    84% {
      color: #e87de4;
    }
    86% {
      color: #e87dd7;
    }
    88% {
      color: #e87dca;
    }
    90% {
      color: #e87dbd;
    }
    92% {
      color: #e87db0;
    }
    94% {
      color: #e87da4;
    }
    96% {
      color: #e87d97;
    }
    98% {
      color: #e87d8a;
    }
    100% {
      color: #e87d7d;
    }
  }