.ai-section-title {
    color: #23272b;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 1.5rem;
    border-bottom: 1px solid #d5d7da;
  }
  
  .ai-section-title small {
    font-size: 0.8rem;
  }
  
  #ai-header .ai-header {
    background: #f3f3f3;
    color: #000;
    text-align: center;
  }
  
  #ai-header .ai-header-cards {
    background: #f3f3f3;
    color: #000;
    text-align: center;
  }
  
  #ai-header .ai-header-section {
    padding-bottom: 0rem;
  }
  
  @media (max-width: 480px) {
    #ai-header .ai-header-section {
      padding-left: 1rem;
      padding-right: 1rem;
    }
  }
  
  #ai-header .ai-header-image {
    width: auto;
    height: 10rem;
    border-radius: 100rem;
    border: 3px solid #e6e6e6;
    -webkit-box-shadow: 0 50px 30px -30px #999;
            box-shadow: 0 50px 30px -30px #999;
    margin-bottom: 3rem;
  }
  
  #ai-header .ai-header-description {
    padding-bottom: 0.5rem;
    font-size: 1.4rem;
  }
  
  #ai-header .ai-header-badges img {
    padding-left: .2rem;
    padding-right: .2rem;
    -webkit-transition: -webkit-transform 0.1s ease-in-out;
    transition: -webkit-transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  }
  
  #ai-header .ai-header-badges img:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  
  #ai-header .ai-header-social-image {
    width: auto;
    height: 1.1rem;
  }
  
  #ai-header sub {
    font-size: 0.87rem;
  }
  
  #ai-header .ai-header-card-col {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #ai-header .ai-header-card {
    min-height: 10rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  
  #ai-header .ai-header-card-title {
    margin-bottom: 1rem;
    color: #494e53;
    font-size: 1.35rem;
    font-weight: 600;
  }
  
  #ai-error .ai-error {
    padding-top: 6rem;
    padding-bottom: 6rem;
    min-height: 45vh;
  }
  
  #ai-error .card {
    padding: 2rem;
  }
  
  @media (max-width: 480px) {
    #ai-experience .ai-image, #ai-education .ai-image, #ai-portfolio .ai-image {
      margin-top: 1rem;
      margin-bottom: 1rem;
    }
  }
  
  #ai-experience ul, #ai-education ul, #ai-portfolio ul {
    -webkit-padding-start: 0rem;
            padding-inline-start: 0rem;
  }
  
  @media (max-width: 480px) {
    #ai-experience .ai-title, #ai-education .ai-title, #ai-portfolio .ai-title {
      text-align: center;
    }
  }
  
  #ai-experience .ai-details, #ai-education .ai-details, #ai-portfolio .ai-details {
    font-size: 0.9rem;
  }
  
  #ai-experience .ai-link-icon, #ai-education .ai-link-icon, #ai-portfolio .ai-link-icon {
    margin-left: .3rem;
    font-size: .6rem;
  }
  
  #ai-portfolio .ai-project-card {
    -webkit-box-shadow: 0 2px 5px 0 rgba(148, 156, 157, 0.36);
            box-shadow: 0 2px 5px 0 rgba(148, 156, 157, 0.36);
    border-radius: 10px;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  
  #ai-portfolio .ai-project-card:hover {
    -webkit-box-shadow: rgba(45, 45, 45, 0.03) 0px 2px 2px, rgba(49, 49, 49, 0.03) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.04) 0px 16px 16px, rgba(49, 49, 49, 0.04) 0px 24px 24px;
            box-shadow: rgba(45, 45, 45, 0.03) 0px 2px 2px, rgba(49, 49, 49, 0.03) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.04) 0px 16px 16px, rgba(49, 49, 49, 0.04) 0px 24px 24px;
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px);
    -webkit-transition: opacity 0.2s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: opacity 0.2s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out, opacity 0.2s ease-out, -webkit-box-shadow 0.3s ease-out, -webkit-transform 0.3s ease-out;
  }
  
  #ai-portfolio .ai-project-card h4 {
    font-size: 1rem;
  }
  
  #ai-portfolio .ai-projects-row {
    padding-top: 3rem;
  }
  
  @media (max-width: 480px) {
    #ai-portfolio .ai-projects-row {
      padding-top: 1rem;
    }
  }
  
  #ai-portfolio .ai-project-image {
    width: 240px;
    height: 120px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  #ai-portfolio .ai-project-image:hover {
    -webkit-transform: scale(1.015);
            transform: scale(1.015);
  }
  
  #ai-portfolio .ai-project-description {
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  
  #ai-portfolio .ai-project-short-description {
    min-height: 3rem;
  }
  
  #ai-portfolio .ai-project-long-description {
    min-height: 2rem;
    font-size: 0.95rem;
    color: #6f6f6f;
  }
  
  #ai-portfolio .ai-project-button-wrapper {
    padding-top: 0.5rem;
    padding-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  .ai-btn-blue-gradient {
    background: linear-gradient(155deg, #45aaf2, #467fcf);
    border: none;
  }
  
  .ai-btn-blue-gradient:hover {
    background: linear-gradient(155deg, #2b9ff1, #2b6fce);
    border: none;
  }
  /*# sourceMappingURL=style.css.map */