@import url('https://fonts.googleapis.com/css2?family=Barrio&family=Griffy&family=Mansalva&display=swap');

body {
  text-align: left; 
  background-color: lightpink; 
  color: white; 
}

p {
    text-align: center;
    font-size: 18px; 
}
p {
    color: white;
    text-shadow: 0 0 5px hotpink, 0 0 10px deeppink; /* makes white text pop */
}

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
img {
    border: 6px dotted white;           
    border-radius: 12px;                 
    padding: 8px;                       
    box-shadow: 0 0 5px hotpink,        
                0 0 15px hotpink;       
}


#KnowMe {
  text-align: center;
  font-family: 'Barrio', regular;
  color: white;
  text-shadow: 0 0 10px hotpink, 0 0 20px deeppink;
}

/* Link styles */
a {
  color: pink;
}

a:hover {
  color: hotpink;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Griffy', bold;
} p {
  font-family: 'Sour Gummy', bold;
}

 h2, h3 {
    background-color: hotpink; 
    padding: 5px;    
             
}
#AboutMe {
  text-align: center;
  font-family: 'Barrio', cursive;
  color: white;
  text-shadow: 
    0 0 10px hotpink, 
    0 0 20px deeppink, 
    0 0 30px hotpink;
  display: inline;
  
  .section h2 {
    background-color: hotpink;
    color: white;
    padding: 8px;
    text-align: left;
}

<style>
  .image-row {
    display: flex;
    gap: 10px; /* Adjusts space between the pictures */
  }
  
  .image-row img {
    max-width: 50%; /* Keeps images fitting nicely */
    height: auto;  /* Preserves original proportions */
  }
</style>