@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Stencil+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo+2&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=Ubuntu&display=swap');

@font-face {
  font-family: Pixel;
  src: url("fonts/PixelOperator.woff");
}

@font-face {
  font-family: Venice Classic;
  src: url("fonts/VeniceClassic.ttf");
}

.yes {
  font-family: "Venice Classic";
  text-transform: lowercase;
  font-size: 3em;
  font-weight: 100;
  -webkit-text-stroke: 1px #FD5B78;
  text-shadow: 6px 6px 0 #50BFE6;
}

body {
  background-color: #1B1B1B;
  color: #FFFFFF;
  font-family: 'Exo 2', sans-serif;
  font-size: 1.3em;
  margin-left: 10%;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Big Shoulders Stencil Display', cursive;
  text-transform: uppercase;
  letter-spacing: 3px;
}

b, i, strong, em {
  font-family: 'Ubuntu', sans-serif;
}

b, strong {
  color: #FD5B78;
}

i, em {
  color: #8FD400;
}

b i {
  color: #E37EAA;
}

.smallcaps {
  color: #58427C; /* this colour is called cyber grape that's why i chose it HAHAHA */
  font-variant: small-caps;
  font-family: 'Special Elite', cursive;
  font-size: 1.6em;
  text-shadow: 2px 2px 0 #778899;
}

a {
  display: inline-block;
  transition: 0.3s;
  color: #8B72BE;
}

a:hover {
  transform: scale(1.05);
  display: inline-block;
  color: #C9A0DC;
}

::selection {
  color: #FD5B78;
  background-color: #0048BA;
}

b::selection, i::selection, strong::selection, em::selection {
  color: #50BFE6;
  background-color: #0048BA;
}