[muthdra]

  .content{
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translateX(-68%);
    padding-bottom: 40px;
  }

This is all kinds of wrong.

[okozzie]

What is wrong with using this CSS format? The whitespace is deliberate and matches the theme

[muthdra]

It rattles the content back and forth and when it's done calculating, the content is likely off-screen in lower resolutions.