* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

.clearfix:after {
  content: " ";
  display: table;
  clear: both; }

body {
  font-size: 15px;
  font-family: sans-serif;
  background: white;
  font-family: 'Assistant', sans-serif;
  letter-spacing: 0.12em; }
  body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  @media screen and (max-width: 960px) {
    body {
      font-size: 20px; } }

a {
  color: inherit; }

h1, h2 {
  font-family: 'Special Elite', cursive; }

h2 {
  font-size: 2em;
  margin-bottom: 25px; }

h3 {
  font-size: 1.3em;
  margin-bottom: 15px; }

.main-content-wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 2vh 5vh;
  padding-top: 5vh; }
  .main-content-wrapper > header {
    margin-bottom: 10vh; }

.main-header .logo {
  float: left; }

.main-header .external-links {
  float: right; }
  .main-header .external-links a {
    display: inline-block;
    margin-left: 20px;
    text-decoration: none;
    border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    .main-header .external-links a:first-of-type {
      margin-left: 0; }

@media screen and (max-width: 960px) {
  .main-header .logo,
  .main-header .external-links {
    float: none;
    width: 100%;
    text-align: center; } }

.release-wrapper,
.feed-wrapper {
  width: 50%;
  float: left; }
  @media screen and (max-width: 960px) {
    .release-wrapper,
    .feed-wrapper {
      float: none;
      width: 100%; } }

.feed-wrapper {
  padding-left: 10%; }
  @media screen and (max-width: 960px) {
    .feed-wrapper {
      padding-left: 0; } }

.release-wrapper ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .release-wrapper ul li {
    margin-bottom: 5vh; }
    .release-wrapper ul li .hor-code {
      display: block;
      font-size: 0.7em; }
    .release-wrapper ul li a {
      color: #fff;
      background: #000;
      display: inline-block;
      padding: 5px 10px;
      text-decoration: none;
      margin-top: 10px;
      border: solid 1px transparent;
      transition: all 0.2s ease; }
      .release-wrapper ul li a.semi {
        opacity: 0.5; }
      .release-wrapper ul li a:hover {
        opacity: 1;
        background: #fff;
        color: #000;
        border: solid 1px #000; }

.release-info {
  font-size: 0.7em;
  padding: 1vh 0; }

footer.main-footer {
  background: #000;
  color: #fff;
  margin-top: 5vh;
  padding: 3vh 0;
  display: block;
  text-align: center; }
  footer.main-footer p {
    margin-bottom: 15px; }
    footer.main-footer p:last-of-type {
      margin-bottom: 0; }

::selection {
  color: orangered;
  background: rgba(0, 0, 0, 0.07); }