.launchpad
{
  // padding: em(30);
  // background: rgba(0,0,0,0.5);
  // height: 100%;
  // text-align: center;
  // color: white;

  // opacity: 1;
  // transition: all .4s ease-in-out;
  // @include opacity(1.0);
  // @include transition(opacity .4s ease-in-out);
  // @include transition(font-size .4s ease-in-out);

  .menu
  {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

    .item
    {
      margin: .4em;
      margin-bottom: 0.8em;
      padding: 1em;
      padding-bottom: 0.8em;
      width: 8em;
      display: block;
      border: none;
      text-decoration: none;

      div,
      span
      {
        display: block;
        width: calc(100% + 2em);
        margin-left: -1em;
        color: $black;
        @extend .ellipsis;
        text-align: center;
      }

      i
      {
        margin-bottom: 0.8em;
        display: block;
        width: 100%;
        height: 6em;
        border-radius: 2rem;
        text-align: center;

        background: $gray;
        transition: background .2s ease-in-out;
        // background: linear-gradient(#9ccc65 0%, #9ccc65 1%, #9ccc65 50%, #96CE56 51%, #96CE56 100%);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);

        &:hover
        {
          cursor: pointer;
          background: $red-dark;
        }

        svg
        {
          margin: 0;
          width: 60% !important;
          height: 100% !important;
          fill: white !important;
        }
      }

        // &.active
        // {
        //   background: rgba(0,0,0,0.2);
        //   border-radius: 10%;
        //   // @include animation(scale 1.0s ease-in, slide 2.0s ease);
        // }
    }
  }




  // &.fade-out
  // &:hover
  // {
      // // @include opacity(0.0);
      // font-size: 120%;
      // position: absolute;
      // width: 120%;
      // margin-left: -10%;
      //
      // @include animation(scale 1.0s ease-in, slide 2.0s ease);
//       @include animation-name(scale, slide);
// @include animation-duration(2s);
// @include animation-timing-function(ease);
// @include animation-iteration-count(infinite);
  // }
}