The problem is that you can not click the button or the icon, how do I resolve this?
Code:
.heroimg{
position: relative;
background-repeat: no-repeat;
background-image: url('../img/fjords.png');
background-size: cover;
background-position: center;
height: 100%;
z-index: -1;
}
.herotxt{
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
<div class="heroimg">
<div class="herotxt">
<h1>Informática</h1>
<a href="#btn">
<button id="circle">
<i class="fa fa-chevron-down fa-3x"></i>
</button>
</a>
</div>
</div>