Margins on text problem

HTML-CSS
1

Hey,

I’ve been finishing off my portfolio page, but in the about me section I’ve been having issues getting either margins or padding to work on the text container (#aboutme-text). I have had no such issues with the photo which is under the same parental div container (#aboutme).

#aboutme {
  /* about me container*/
  width: 100%;
  background: rgba(201, 211, 226, 0.6);
  height: 100vh;
  margin-right: 5%;
  display: block;
  
}

#leicorre { 
  /*about me picture*/
  display: inline;
  margin-left: 10%;
  margin-right: 3%;
  border-radius: 16px;
  float: left;
 
}

#aboutme-text { 
  /*about me main text*/
  margin-left: 4%;
  margin-right: 100px;
  display: block;
   }

The entire pen is here

3

I am wanting to add a margin between the text and the edge of the container, both on the right and left side. Whereas currently a visible margin is not present.