/* inspired by Wrench, DedSec, and Watch Dogs (specifically 2) theme/UI */

@font-face {
  font-family: 'Purpose'; src: url("/fonts/purpose-normal.ttf"); font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Marker'; src: url("/fonts/srg_marker.ttf"); font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Funeral'; src: url("/fonts/myfuneral-regular.ttf"); font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Sewer Rat'; src: url("/fonts/sewer_rat.ttf"); font-weight: normal; font-style: normal;
}

@font-face {
  font-family: 'Another Danger'; src: url("/fonts/AnotherDanger-Demo.otf"); font-weight: normal; font-stretch: normal;
}

body {
  background-color: dimgrey;
  font-family: 'Sewer Rat'; font-size: 48px;
}

.block {
  display: block; background-color: darkslategrey; border: 10px solid black; width: 600px; height: 200px;
  position: absolute; top: 200px; left: 215px; 
}

.skull {
 display: float; position: absolute; top: 150px; left: 150px; width: 150px; height: 150px; transform: rotate(15deg);
}










/* extra */