center - is not elegant

HTML

<div class="container text-center p-5">
      <h1 style="font-family: 'Montez', cursive; font-size: 100px;">Nome</h1>
      <p style="font-family: 'Montserrat'; font-size: 20px;">Dev</p>
      <a href="#" class="btn btn-primary col-lg-4 col-sm-4 col-md-4 rounded-pill font-weight-bold">PORTFĂ“LIO</a>
      <div class="mt-4">
        <a href="#">
          <i class="fab fa-instagram fa-2x"></i>
        </a>
        <a href="#">
          <i class="fab fa-linkedin fa-2x"></i>
        </a>
      </div>
    </div>
  </div>

CSS

.container{
  width: 50%;
  height: 100%;
  overflow: hidden;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}