/* Fonts */

@font-face {
  font-family: "Bebas Neue Regular";
  src: url("../site-fonts/sit-font-bebas-neue.eot");
  src:
    url("../site-fonts/sit-font-bebas-neue.eot?#iefix") format("embedded-opentype"),
    url("../site-fonts/sit-font-bebas-neue.woff") format("woff"),
    url("../site-fonts/sit-font-bebas-neue.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Variables */

html {
  --colour-background: #212121;
  --colour-primary: #ffffff;
  --font-important: "Bebas Neue Regular";
}

/* Element Styles */

body {
  background: var(--colour-background);
  background: radial-gradient(var(--colour-background) 0%, #0f0f0f 100%);
  color: var(--colour-primary);
  font-family: verdana;
  font-size: 10px;
}

a:hover {
  color: var(--colour-hover);
}

hr {
  background-color: var(--colour-primary);
  border: 0;
  height: 2px;
}

ul {
  list-style-type: none;
  padding: 0;
}

ul li {
  background-image: url(../site-graphics/sit-dsgn-site-bullet-skull.gif);
  background-repeat: no-repeat;
  margin-top: 20px;
  padding-left: 50px;
}

/* Class Styles */

.container {
  width: 600px;
}

.list-title {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 5px;
}

.kickstarter {
  background-color: var(--colour-primary);
  color: var(--colour-background);
  font-family: var(--font-important);
  font-size: 41px;
  height: 50px;
  line-height: 0;
}

.media-image,
.media-video {
  border: 1px solid var(--colour-primary);
  padding: 1px;
}

.media-video {
  margin: 10px 0 10px 0;
}

.sign-off,
.title {
  font-family: var(--font-important);
  font-size: 30px;
}

.socials {
  width: 377px;
}

.social-margin {
  margin-right: 7px;
}

.title {
  margin-bottom: 10px;
}