/* Styling for the container holding all content in the About section */
#about-container {
  color: #333333; /* Text color for the container */
  display: -webkit-flex; /* Use flexbox layout for WebKit browsers */
  display: flex; /* Use flexbox layout */
  -webkit-flex-direction: column; /* Arrange items in a column for WebKit browsers */
  flex-direction: column; /* Arrange items in a column */
  width: 100%; /* Set width to 80% */
  justify-content: center; /* Align items to the start (left) */
  -webkit-justify-content: center; /* Align items to the start (left) for WebKit browsers */
}
.about-article {
  margin: auto; /* Center the article horizontally */
  padding-left: 14%; /* Add left padding */
  padding-right: 14%; /* Add right padding */
  margin-top: 2.6%;
}
/* Styling for links within paragraphs inside article elements */
p a {
  text-decoration: underline dotted; /* Add underline and dots decoration */
  color: unset; /* Use default text color */
}
/* Styling for links within paragraphs inside article elements on hover */
p a:hover {
  cursor: pointer; /* Change cursor to pointer on hover */
  text-decoration: none; /* Remove underline on hover */
}
/* Styling for visited links within paragraphs inside article elements */
p a:visited {
  text-decoration: none; /* Remove default underline for visited links */
}
/* Media query for smaller screens */
@media screen and (max-width:720px) {
  .about-article {
    padding-left: 10%; /* Reduce left padding */
    padding-right: 10%; /* Reduce right padding */
  }
}