.content {
  background:
      radial-gradient(50% 50% at 100% 0,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
       #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
       #0000 96%),
      radial-gradient(50% 50% at 0 100%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
       #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
       #0000 96%),
      radial-gradient(50% 50%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
       #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
       #0000 96%),
      radial-gradient(50% 50%,#120717 0%  5% ,#151513 6%  15%,#120717 16% 25%,#151513 26% 35%,#120717 36% 45%,
       #151513 46% 55%,#120717 56% 65%,#151513 66% 75%,#120717 76% 85%,#151513 86% 95%,
       #0000 96%) 30px 30px;
  background-size: 60px 60px;
  background-color: #120717;
}


.card:first-child {
    background-color: #111111;
    border-radius: 0.625rem;
    height: 24rem;
    display: flex;
    align-items: center;
    justify-content:end;
    color: #fff;
    border: 2px solid #1F1F1F !important;
  }
#solAlt{
    justify-content:flex-start;

}
  .card-container .card.bigcard.aboutBigCard:nth-child(1) {
    border-bottom: none !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative;
    z-index: 2;
  }
  
  .card-container .card.bigcard.aboutBigCard:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: -2px;
    width: calc(100% + 4px);
    height: 1rem;
    background-color: #111111;
    border-left: 2px solid #1F1F1F;
    border-right: 2px solid #1F1F1F;
    box-sizing: border-box;
  }
  
  .card-container .card.bigcard.aboutBigCard:nth-child(3) {
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    position: relative;
    z-index: 1;
  }
  
h3{
  font-size: 1.8rem;
  padding-bottom: 1rem;
}
a{
  color: #5784B7;
  text-decoration: none;
}
#awsSert{
  padding-bottom: 1rem;
}
#awsSert2{
  font-size: 0.9rem;
  padding-bottom: 0.2rem;
}
.card4right {
  padding: 1rem;
  width: 55%;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}

.card4left {
  width: 45%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.personalInfo{
  padding-top: 0.5rem;
  font-size: 1.1rem !important;
}
.personalInfo2{
  padding-top: 1.2rem;
  font-size: 1.1rem !important;
}




@media (max-width: 400px) {
  html {
    font-size: 7px !important;
  }
}