Everything I add to section-2 (text-content spans and header) of my index.html doesn’t show up on page

When I hover over .section-2 in inspector it appears like it’s off the screen but the page won’t let me scroll down. When I turn off position absolute on the header I can see the first two letters of it but again it goes off-screen and doesn’t allow me to scroll.

CSS: 
/* Common Styles */
        * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        text-decoration: none;
        list-style-type: none;
        outline: none;
        font-family: "Jura", sans-serif;
        }

        html {
        font-size: 62.5%;
        scroll-behavior: smooth;
        }

        .section-2{
           position: relative;
           padding: 10rem 10rem 15rem 10rem;
  

        
HTML:
        <section class="section-2" id="section-2">
        <h1 class="section-heading">About Me</h1>
        <p class="about-me-text"></p>
[![Picture of issue][1]][1]


  [1]: https://i.stack.imgur.com/8Fjuf.jpg