Alignment of pop-up(push) notifications in jquery

Alignment of pop-up(push) notifications in jquery

script>
      var NOTIFY_ENDPOINT = "php/notify.php";
        
      $(function() {
        $("a[href='#notify']").click(function() {
          $.ajax({
            url: NOTIFY_ENDPOINT,
            data: {"message": "I'm a notification!"}
          });
        });
         
        $(".notify button").click(handleNotifyButtonClick);
       
        var pusher = new Pusher('xyxyxyxyxyxyxy');
        var channel = pusher.subscribe('my_notifications');
        var notifier = new PusherNotifier(channel);
      });
     
      function handleNotifyButtonClick() {
       var message = $.trim($("#notifyMessage").val());
        if(message) {
          $.ajax({
            url: NOTIFY_ENDPOINT,
           data: {"message": message}
          });
        }
      }
    </script>

The above code displays a pop-up notification on the RIGHT TOP corner of my browser. How do manipulate it(the code above), so that it(pop-up notification) appears right in THE CENTRE of the browser? I use API's from pusher.com