---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";

@import "highlight";
@import "developer";

#github-screenshot {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;

  /* handle short pages nicely */
  max-height: 100%;
  z-index: -1;

  img {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(black 0%, transparent 100%);
    transform: translate(10%, 0) rotate(0.1rad);
    transform-origin: 0 100%;
  }
}

.td-footer {
  @media screen and (min-width: 992px) {
    margin-top: -2em;
  }

  .team-bar {
    border-right: 1px solid #fff;
    height: 3.5em;
    margin-top: 4px;
    width: 10px !important;
  }
}

---
# Only the main Sass file needs front matter (the dashes are enough)
---
@charset "utf-8";

@import "highlight";
@import "developer";

#github-screenshot {
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;

  @media screen and (max-width: 1280px) {
    right: -25%;
  }

  @media screen and (max-width: 1024px) {
    display: none;
  }

  /* handle short pages nicely */
  max-height: 100%;
  z-index: -1;

  img {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(black 0%, transparent 100%);
    transform: translate(10%, 0) rotate(0.1rad);
    transform-origin: 0 100%;
  }
}

.td-footer {
  @media screen and (min-width: 992px) {
    margin-top: -2em;
  }

  .team-bar {
    border-right: 1px solid #fff;
    height: 3.5em;
    margin-top: 4px;
    width: 10px !important;
  }
}

Handle Github's background responsiveness gracefully
Handle Github's background responsiveness gracefully
