/* Desktop */
.desktop {
  width: 100%;
  height: 100%;
  &__background {
    position: relative;
    width: calc(100% - 40px);
    height: calc(100% - 60px);
    padding: 30px 20px;
    z-index: 0;
    &:before {
      position: absolute;
      content: "";
      background-image: url("../../assets/github-logo.png");
      opacity: 0.15;
      top: 0;
      bottom: -47px;
      left: 0;
      right: 0;
      z-index: -1;
    }
  }
}
.desktopButton {
  width: 90px;
  min-height: 100px;
  margin-bottom: 1rem;
  &__button {
    width: 90px;
    padding: 0.5rem 1rem;
    background: transparent;
    outline: none;
    border: none;
    color: #fff;
    text-align: center;
    &.-focused {
      outline: 2px dotted #000;
    }
  }
  &__image {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    pointer-events: none;
  }
  &__name {
    width: 90px;
    margin-left: -1rem;
    padding-top: 5px;
    text-align: center;
    pointer-events: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
