Is there a way to prevent my box from reaching the bottom of the page? I am currently using Bootstrap 4 and have tried the spacing utilities, but they don't seem to be effective.
https://i.sstatic.net/YRqb4.png
Attached is a picture showing that the box is positioned at the bottom of the page.
.signup {
position:absolute;
border:1px solid rgba(0,0,0,0.1);
display:grid;
place-content:center;
padding:2em 2em;
border-radius:6px;
}