main {
    height:max-content;
}
main{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
h2 {
    font-size:xx-large;
    color: var(--dark-turqoise);
    text-transform: uppercase;
    text-decoration: underline;
}
h3 {
    text-decoration: underline;
}
project-card {
    display: block;
    margin: 2rem auto;              
}
  
project-card > figure {
    display: grid;
    justify-items: center;          
    text-align: center;             
}
  
project-card figure > :is(img, iframe) { 
    display: block; 
}
  
project-card figure :is(img, iframe) + figcaption {
    display: block;                 
    margin-top: .5rem;
    max-width: min(60ch, 100%);     
    text-align: center;
}
  
project-card figure > figcaption > a {
    display: inline-block;
    text-align: center;
}
  
project-card figure > figcaption > svg {
    display: block;
    width: 100px;                    
    height: 100px;
    margin: .5rem auto 0;           
}
  
project-card > span {
    display: block;
    margin-top: .5rem;
    text-align: center;
}
  
project-card > h3 { 
    text-align: center; 
}