How to make it so that when you click on any part of the site, a redirect occurs?

Question

css

There is a site, it has a background and a button in the middle that redirects the user further. It is necessary to make sure that even if the user does not click on the button, but suppose he misses and clicks past it, a redirect still occurs (so that the entire site becomes one button, while the background remains, etc.) I understand that you need to somehow I can do it through an iframe, but I can’t even ask Google normally, because I don’t know css at all. Hope for help.
Sincerely

Answer 1

With jQuery I would do this:

$(body).click(function(){
   window.location.replace("http://сайт.рф");
});

Answer 2

Thanks a lot to those who answered! Didn't really think so quickly get a decision. If I add that the site is mobile and the only criterion for it, as for the site, is the fastest possible download on the device, i.e. the smallest weight and loading time. In such a context, what is best to use, and if it is possible to insert the code in more detail, otherwise sometimes even this causes difficulties? Thanks in advance for answers, if any :)