header {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 999; }

.menu {
  background: rgba(12, 13, 44, 0.75); }
  .menu .menu-toggle-button {
    outline: none;
    border: 0;
    background: transparent; }
    .menu .menu-toggle-button.active .icon-liner {
      background: transparent; }
    .menu .menu-toggle-button.active .icon-liner:before, .menu .menu-toggle-button.active .icon-liner:after {
      top: 0px;
      transition: 1s; }
    .menu .menu-toggle-button.active .icon-liner:before {
      transform: rotate(140deg); }
    .menu .menu-toggle-button.active .icon-liner:after {
      transform: rotate(-140deg); }
    .menu .menu-toggle-button .icon-liner {
      position: relative;
      display: block;
      width: 46px;
      height: 4px;
      background: #ffffff;
      transition: 1.5s all; }
      .menu .menu-toggle-button .icon-liner:before, .menu .menu-toggle-button .icon-liner:after {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        background: #ffffff;
        content: '';
        transition: 1s; }
      .menu .menu-toggle-button .icon-liner:before {
        top: -16px; }
      .menu .menu-toggle-button .icon-liner:after {
        top: 16px; }
  .menu ul {
    list-style-type: none; }
    .menu ul li {
      margin: 0px 15px; }
      .menu ul li a {
        color: #ffffff;
        font-weight: normal; }
        .menu ul li a.pretty-button {
          position: relative;
          color: #000000;
          transition: .2s all; }
          .menu ul li a.pretty-button span {
            position: relative;
            z-index: 50; }
          .menu ul li a.pretty-button:before {
            position: absolute;
            padding: 14px;
            left: -14px;
            top: -13px;
            width: 100%;
            height: 100%;
            background-color: #2ff5f4;
            content: '';
            border-radius: 10px;
            z-index: 10; }
          .menu ul li a.pretty-button:hover {
            opacity: .6; }
  .menu .slide-menu {
    padding-bottom: 30px; }
    .menu .slide-menu li {
      padding: 16px 0; }
  .menu .slide-menu-container {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.25s ease-in; }
  .menu .showed {
    max-height: 360px;
    transition: max-height 0.25s ease-in; }

#mail-logo {
  width: 80px;
  height: 80px; }

/*# sourceMappingURL=menu.css.map */