Iframe Login page in another page: links wont work

as you can see in the screenshot, i wanted to do custom login-page so it looks like any other page of the website, instead of a whole white page with login credentials… not important, but would be good to make it look “part of the website”.

What is wrong with this? the login page is inside an i-frame… but links in it wont work: register/login or return to home.

=========
Here’s the code:

.login {position: relative; overflow: hidden; height: 800px; width:100%;}
.responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}