@font-face {
    font-family: 'ag57regular';
    src: 
         url('ag57.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;

}

html {
            height: 99%;
            font-family: AG57, ag57regular, sans-serif;
            line-height: 1.2;
            scrollbar-gutter: stable both-edges;
        }

        @media (prefers-color-scheme: light) {
            html {
                background: #b0b0b0;
            }
        }

        body {
            min-height: 100%;
            display: grid;
            grid-template-rows: min-content 1fr min-content min-content;
           
        }

        main {
            margin-block: 6rlh 0;
        }

        .newline {
            margin-block: 1rlh;
        }

        h1, h2, h3 {
            font: inherit;
            margin: 0;
        }

        p:not(.newline) {
            margin: 0;
        }

        p:not(#portfolio p) {
            max-width: 57.5ch;
        }

        p:not(:first-of-type, .newline) {
            text-indent: 2lh;
        }

        a {
            color: inherit;
            text-decoration-thickness: 1px;
            text-underline-offset: .2lh;
        }

        a:hover, a:active {
            color: revert;
        }

        a, details {
            -webkit-tap-highlight-color: transparent;
        }

        img {
            
            width: 100%;
            aspect-ratio: 1.41142 / 1;
            object-fit: contain;
            background-color: hsla(0, 0%, 0%, 1);
        }

        ul {
            list-style: none;
            padding: 0;
        }

        nav ul {
            //display: grid;
            //grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        }

        footer {
            font-size: small;
        }

        #mail > span {
    display: none;
}

#mail > span:last-child {
    display: revert;
}