@import 'variables';
@import 'mixins';

.menuBox {
  box-shadow: 0 2px 5px rgba(0,0,0,.26);
  margin: auto;
  box-sizing: border-box;
  margin-bottom: 70px;
  margin-top: 0px;
  width:100%;
  background: #2196F3;
  position: fixed;
  padding:15px;
  will-change: transform;
  z-index: 2;
  .menuItems {
    text-align: right;
    a {
      display: inline-block;
      padding: 0px 10px;
      border-right: 1px #fff solid;
      font-size: 15px;
      font-weight: 400;
      letter-spacing: 1px;
      text-transform: uppercase;
      text-decoration: none;
      color: #fafafa;
      &:hover {
        color: #fff;
      }
      &:last-of-type {
        border-right: none;
      }
    }
  }
}