Adobe Animate CC full width page with custom cursor

Hi all,

I am building full website like this website​ using Adobe Animate CC as the website is fully animated and it seems it is done by Edge Animate, but I am using Adobe Animate as I knew that it has all Edge animate features, but I am facing some problems I hope I can find help here:

1) How I can make the canvas full width 100% like the website https://yoocon.de/

2) when I created my new custom cursor, it shows the custom cursor and the default pointer together and on the button it shows the custom cursor and the default hand

This is my starting code:

stage.canvas.style.cursor = "none";
this.cursor_mc.mouseEnabled = false;
this.addEventListener("tick", fl_CustomMouseCursor.bind(this));
function fl_CustomMouseCursor() {
  this.cursor_mc.x = stage.mouseX;
  this.cursor_mc.y = stage.mouseY;
}
var frequency = 3;
stage.enableMouseOver(frequency);
this.stage.addEventListener("mouseover", fl_MouseOverHandler.bind(this));
function fl_MouseOverHandler()
{
  this.cursor_mc.gotoAndPlay("from + to >");
}
var frequency = 3;
stage.enableMouseOver(frequency);
this.stage.addEventListener("mouseout", fl_MouseOutHandler.bind(this));
function fl_MouseOutHandler()
{
  this.cursor_mc.gotoAndPlay("from > to +");
}
var frequency = 3;
stage.enableMouseOver(frequency);
this.rightnavpage1.addEventListener("mouseover", fl_MouseOverHandler_1.bind(this));
function fl_MouseOverHandler_1()
{
  this.yellowNextPage.gotoAndPlay("yellowout");
}
var frequency = 3;
stage.enableMouseOver(frequency);
this.rightnavpage1.addEventListener("mouseout", fl_MouseOutHandler_2.bind(this));
function fl_MouseOutHandler_2()
{
  this.yellowNextPage.gotoAndPlay("yellowin");
}

I hope I explained my problem well.

Thank you,

Khalil