nav{
  background-color: $background2;
  padding: 5px 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  .logo{
    margin: 0;
    cursor: pointer;
    font-size: 50px;
    @include font-courgette;
    color: $light;
    margin-right: 30px;
  }
  .left{
    display: flex;
    align-items: center;
    .submenu{
      display: flex;
      align-items: center;
      a{
        font-size: 20px;
        color: $light;
        padding: 0 20px;
      }
    }
  }
  .right{
    display: flex;
    justify-content: right;
    align-items: center;
    img{
      width: 50px;
      cursor: pointer;
      border: 2px solid $light;
      transition-duration: 0.3s;
      &:hover{
        border-color: $accent;
      }
    }
    .search{
      color: $light;
      font-size: 50px;
      margin-right: 20px;
      cursor: pointer;
      transition-duration: 0.3s;
      &:hover{
        color: $accent;
      }
    }
  }
}