.notched-corner {
  --notchSize: 20px;
  clip-path: polygon( 0% var(--notchSize), var(--notchSize) 0%, calc(100% - var(--notchSize)) 0%, 100% var(--notchSize), 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, var(--notchSize) 100%, 0% calc(100% - var(--notchSize)) );
}

.notched-corner-tl-br {
  /*width: 100%;*/
  /*height: 100%;*/
  /*background-color: var(--bs-secondary);*/
  border-radius: 0;
  --notchSize: 20px;
  clip-path: polygon( 0% var(--notchSize), var(--notchSize) 0%, 100% 0%, 100% calc(100% - var(--notchSize)), calc(100% - var(--notchSize)) 100%, 0% 100% );
  /*position: relative;*/
}

.card-title {
  font-size: 2.5rem;
}

.card-body {
  padding: 2rem;
}

.py-6 {
  padding-bottom: 72px;
  padding-top: 72px;
}

.py-2_5 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.card-about {
  border: 2px solid var(--bs-dark);
}

.card-bg {
  background-color: #fff;
}

.header-card {
  height: 10rem;
  display: flex;
  align-items: center;
  /*align-content: center;*/
  justify-content: center;
}