@font-face {
  font-family: 'Handwriting_of_a_Dirty_Child_by_Pippy_Stock';
  font-style: normal;
  font-weight: 800;
  src: local('Handwriting_of_a_Dirty_Child_by_Pippy_Stock'), url(Handwriting_of_a_Dirty_Child_by_Pippy_Stock.woff) format('woff');
}
@font-face {
  font-family: 'Walk-Around-the-Block';
  font-style: normal;
  font-weight: 100;
  src: local('Walk-Around-the-Block'), url(Walk-Around-the-Block.woff) format('woff');
}

@font-face {
  font-family: 'Sniglet';
  font-style: normal;
  font-weight: 800;
  src: local('Sniglet'), url(css/1.woff) format('woff');
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 10;
  src: local('Raleway Thin'), local('Raleway-Thin'), url(css/2.woff) format('woff');
}

@font-face {
  font-family: 'Street_Art';
  font-style: normal;
  font-weight: 100;
  src: local('Street_Art'),  url(Street_Art.woff) format('woff');
}

@font-face {
  font-family: 'Lobster';
  font-style: normal;
  font-weight: 400;
  src: local('Lobster'), url(css/3.woff) format('woff');
}

body {
  padding-top: 10%;
  background: #6280b7;
}
a {
  color: #ffed9d;
  text-decoration: none;
}
a:hover {
  color: #ffe67c;
  text-decoration: underline;
}
p {
  color: red;
  /*text-align: center; */
  font-size: 15px;
}
p.raleway {
  font-family: 'Raleway', arial, serif;
  letter-spacing: 2px;
  /*
  text-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
 */
  }
ph {
  color: #fff;
  /*text-align: center; */
  font-size: 15px;
}
  
ps {
  color: green;
  /*text-align: center; */
  font-size: 7px;
}
ps.Handwriting_of_a_Dirty_Child_by_Pippy_Stock {
  font-family: 'Handwriting_of_a_Dirty_Child_by_Pippy_Stock', arial, serif;
  letter-spacing: 4px;
  /*
  text-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
 */
}
p.Walk-Around-the-Block {
  font-family: 'Walk-Around-the-Block', arial, serif;
  letter-spacing: 7px;
  /*
  text-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
 */
}
p.Street_Art {
  font-family: 'Street_Art', arial, serif;
  letter-spacing: 4px;
  text-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
}



p.sniglet {
  font-family: 'Sniglet', arial, serif;
  text-shadow: 1px 0px #546a92, 0px 1px #384762, Street_Art2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
}
p.lobster {
  margin-top: 0.2em;
  font-family: 'Lobster', arial, serif;
}

p.lobster span {
  padding: 5px 10px;
  color: #6280b7;
  background: #fff;
  -webkit-box-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
  -moz-box-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
  box-shadow: 1px 0px #546a92, 0px 1px #384762, 2px 1px #546a92, 1px 2px #384762, 3px 2px #546a92, 2px 3px #384762, 4px 3px #546a92, 3px 4px #384762, 5px 4px #546a92, 4px 5px #384762, 6px 5px #546a92, 5px 6px #384762, 7px 6px #546a92, 6px 7px #384762, 8px 7px #546a92, 7px 8px #384762, 8px 8px #546a92;
}
p.credit {
  margin-top: 3px;
  font-family: 'Raleway', arial, serif;
  font-size: 15px;
}