Vertically & Horizontally Center h1 Tag

verticallyAndHorizontallyCenterH1.js

export default function Home() {
  return(
    <div 
      style={{
        position: 'absolute', 
         display: 'flex', 
         alignItems: 'center', 
         height: '100%', 
         width: '100%', 
         top: 0, 
         bottom: 0, 
         margin: 0, 
         padding: 0, 
         backgroundColor: 'purple'
       }}
      >
      <h1 
        style={{
          textAlign: 'center', 
          width: '100%'
        }}
      >Vertically & Horizontally Centered Text Here</h1>
    </div>
  );
}