header {
  text-align: center;
  padding: 89px 21px 34px 21px;
}

header h1, header h2, header h3 {
  font-family: inherit;
  font-style: normal;
  text-transform: none;
}

header h1 {
  margin: 55px 0 0 0;
  padding: 0;
  font-family: "RubikMonoOne", "Arial Black", serif;
  text-transform: uppercase;
  font-size: 3em;
  color: #e8e8e8;
}

header h2 {
  margin-top: -0.2em;
  font-family: "Cutive", "Times New Roman", serif;
  font-weight: 100;
  color: #e8e8e8;
  font-size: 1.10em;
  line-height: 2em;
}

#jsblogit main {
  line-height: 24px;
  color: #525252;
}

#jsblogit main section {
}

#jsblogit main section article {
  font-family: "OpenSans", verdana, sans-serif;
  text-align: left;
  line-height: 1.75em;
}

#jsblogit main section article p {
  font-weight: 100;
  font-size: 0.87em;
  letter-spacing: 0.5px;
}

#jsblogit main section article p a {
  color: #0690D6;
}

#jsblogit main section article p a:hover {
  color: #0660A6;
}

#jsblogit main section article p em {
  font-style: normal;
  font-weight: 400;
}

#jsblogit main section article p strong {
  font-weight: 400;
}

#jsblogit main section article h1,
#jsblogit main section article h2,
#jsblogit main section article h3 {
  font-family: "Cutive", "Times New Roman", serif;
  margin: 0;
  line-height: 1.48em;
}

#jsblogit main section article h2 {
  font-size: 1em;
}

#jsblogit main section article section.meta {
}

#jsblogit main section article section.meta .title {
  font-family: "Cutive", "Times New Roman", serif;
}

#jsblogit main section article section.meta .attribution {
  font-family: "Cutive", "Times New Roman", serif;
  font-weight: 100;
}

#jsblogit main section article section.meta .attribution:after {
  font-family: "OpenSans", verdana, sans-serif;
}


#jsblogit main section article section.meta .published {
  font-family: "OpenSans", verdana, sans-serif;
  font-weight: 200;
}


/* fonts declaration */

@font-face {
  font-family: "RubikMonoOne";
  src: url('../fonts/RubikMonoOne.ttf') format('truetype');
}

@font-face {
  font-family: "Cutive";
  src: url('../fonts/Cutive-Regular.ttf') format('truetype');
}

@font-face {
  font-family: "OpenSans";
  font-weight: 100;
  src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
  font-family: "OpenSans";
  font-weight: 200;
  src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: "OpenSans";
  font-weight: 300;
  src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: "OpenSans";
  font-weight: 400;
  src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: "OpenSans";
  font-weight: 500;
  src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
}