.about-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #c9ebcd;
  height: 100%;
}

.about-card {
  background: #011a30;
  color: #e8e7d6;
  border: 2px solid #2afd00;
  border-radius: calc(1vh + 2vw);
  width: clamp(280px, 60%, 900px);
  height: auto;
  box-shadow: 0 0 12px #2afd0055;
  animation: fadeIn 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  text-align: center;
}

.about-card h2 {
  display: inline-block;
  color: #e74c3c;
  font-size: clamp(1.5rem, 3vw + 1vh, 4rem);
  padding: 0 1.5vw 1vh 1.5vw;
  width: auto;
  border-radius: calc(0.8vh + 1.6vw);
  border: #2afd00 1px solid;
}

.abttxt1 {
  color: #38cd54;
  font-size: calc(1vw + 0.5vh);
  padding: 0 2vw 0 3vw;
  text-align: justify;
  width: auto;
}
.abttxt2 {
  color: #38cd54;
  font-size: calc(0.8vw + 0.5vh);
  padding: 0 2vw 0 3vw;
  text-align: center;
  width: auto;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(calc(10vh + 10vw));
  }
  to {
    opacity: 1;
    transform: none;
  }
}