.patrick-hand-regular {
  font-family: "Patrick Hand", cursive;
  font-weight: 400;
  font-style: normal;
}

body {
      background-image:url(https://the-public-domain-review.imgix.net/collections/kedzie-shadows/kedzie-shadows-9.jpeg);
      background-position:center;
      font-family:"Patrick Hand", serif;
      }

h1, h4 {
    font-size:20;
    margin-left:10px;
    margin-bottom:0px;
    }
p {
  margin-left:10px;
    margin-bottom:10px;
  }
ul {
  margin-top:0px;
  }
  
.container {
  display: flex;
  justify-content: center;
  align-items: center; /* Vertical alignment */
  margin-top: 100px;
  gap: 50px; /* Space between image and textbox */
}
.pp{
      
      width:300px;
      height:300px;
      border-radius: 10px;
      	box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
    }
  
.infobox {
          background-color:#d8ab72;
          width:380px;
          height:280px;
          border: 10px solid #ba5c1c;
          border-radius: 10px;
          color:#703321;
          	box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
         }
.socialbox{
          background-color:#d8ab72;
          width:280px;
          height:280px;
          border: 10px solid #ba5c1c;
          border-radius: 10px;
          color:#703321;
          	box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
          margin-left:570px;
          margin-top:50px;
          text-align: center;
          
          	}