@import url("./global.css");
#panner .about-panner {
  background-image: url("../assets/about-panner.png");
}
#ourStory, #president {
  position: relative;
  transition: 1200ms linear all;
  -webkit-transition: 1200ms linear all;
  -moz-transition: 1200ms linear all;
  -ms-transition: 1200ms linear all;
  -o-transition: 1200ms linear all;
}
#ourStory {
  transform: translateX(3000px);
  -webkit-transform: translateX(3000px);
  -moz-transform: translateX(3000px);
  -ms-transform: translateX(3000px);
  -o-transform: translateX(3000px);
}
#president {
  transition-delay: 2000ms;
  transform: translateX(-3000px);
  -webkit-transform: translateX(-3000px);
  -moz-transform: translateX(-3000px);
  -ms-transform: translateX(-3000px);
  -o-transform: translateX(-3000px);
}
h2 {
  font-size: 3.5rem !important;
}
p {
  font-size: 1.2rem;
}
.bg-light-gray {
  background-color: var(--bg-color);
}
section {
  margin: 3.5rem 0;
}
#company-profile a {
  position: absolute;
  inset-inline-end: 150px;
  inset-block-start: 50%;
  font-size: 2rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}