article.project {
    display: flex;

    img {
        max-height: 7em;
        aspect-ratio: 1 / 1;
        margin-right: 1em;
        border-radius: 2em;
    }
    figure {
        padding: 0;
        justify-content: center;
    }
}

@media 
    only screen and (max-width: $horizontal_breakpoint),
    only screen and (max-height: $vertical_breakpoint)
    {  
        main {
        padding-top: 10px; 
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px;
        }
    
        article {
        margin-left: 0px; 
        } 

        h1 {font-size: 1.5em !important;}
        .MathJax { 
            font-size: 0.8em !important;
            overflow-x: auto;
            overflow-y: hidden;
        }
}