/*
Sections in this CSS:
About Page Styles
*/


/* About page Styles */
.about-container {
  text-align: center;
  margin-top: 100px;
}

#about-logo {
  max-width: 150px; /* Adjust as needed */
}

.popup-container {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* Semi-transparent background */
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-content {
  background: white;
  padding: 20px;
  border-radius: 20px;
  max-height: 80vh; /* Maximum height of the popup */
  overflow-y: auto; /* Enable vertical scrolling */
}

.close-popup {
  float: right;
  font-size: 1.5em;
  cursor: pointer;
}