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

.container {
  padding-top: 50px !important;
  font-size: 18px;
}

  .container .content {
  }

  @media screen and (max-width: 1024px)  {
    .container {
      padding: 0 20px;
    }
  }

/** Page heading */
h1 {
  font-size: 3rem;
  line-height: 3rem;
  font-weight: bold;
}

.by-line {
  margin-top: 25px;
  margin-bottom: 40px;
  color: rgba(0,0,0,.6);
}

  .by-line a {
    color: rgba(0,0,0,.4);
    margin-right: 5px;
  }

    .by-line a:first-of-type {
      margin-left: 10px;
    }

    .by-line a:hover,
    .by-line a:focus {
      color: rgba(0,0,0,1);
    }

p a {
  text-decoration: underline;
}

/** Button links to Medium and Github */
.buttons {
  margin: 40px 0 30px 0 !important;
}

.button {
  border-radius: 0;
  margin-right: 20px !important;
}

  .button .fab {
    margin-right: 10px;
  }

  .button:focus {
    box-shadow: 0 0 0 2px #fff, 0 0 0 5px black !important;
  }

/* Full-width image links for experiments */
.experiments-list {
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0;
}

  .experiments-list li:not(:last-of-type) {
    margin-bottom: 1px;
  }

  .experiments-list li a {
    display: block;
    position: relative;
    height: 600px;
    overflow: hidden;
    transition: all .2s linear;
  }

    .experiments-list li a.has-border {
      border: 1px solid rgba(0,0,0,.2);
      border-left: 0;
      border-right: 0;
    }

    .experiments-list li a img {
      object-fit: cover;
      height: 100%;
      width: 100%;
    }

    .experiments-list li a .overlay {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }

      .experiments-list li a:focus {
        outline: 6px dashed #000;
        outline-offset: -12px;
      }

        .experiments-list li a.is-inverted:focus {
          outline: 6px dashed #fff;
        }

      .experiments-list li a .overlay .title {
        background-color: rgba(0,0,0,1);
        color: #fff;
        padding: 15px 35px;
        display: inline-block;
      }