.nav-bar{display:flex;justify-content:flex-start;align-items:baseline;gap:20px}.nav-bar a{display:inline-block;font-size:18px}.nav-bar a:link,.nav-bar a:visited{color:#000}.nav-bar a:hover{color:purple;font-weight:600}.nav-bar a:active{color:blue}.pic-row{display:flex;flex-wrap:wrap}.pic-col{flex:1 0 21%;padding:0 4px}.pic-col img{margin-top:8px;vertical-align:middle;width:100%}@media screen and (max-width:800px){.pic-col{flex:1 0 48%;max-width:48%;padding:0 4px}}@media screen and (max-width:600px){.pic-col{flex:100%;max-width:100%}}.portf-row{display:flex;flex-wrap:wrap}.portf-col{flex:1 0 30%;padding:0 4px}.portf-col .overlay-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;border:none;text-align:center}.portf-col mark{background-color:rgba(0,0,0,.1);color:#fff}.portf-col .img-container{position:relative;display:inline-block}.portf-col img{margin-top:8px;vertical-align:middle;width:100%}@media screen and (max-width:800px){.portf-col{flex:1 0 48%;max-width:48%;padding:0 4px}}@media screen and (max-width:600px){.portf-col{flex:100%;max-width:100%}}.markdown-content img+img{margin-left:16px}.markdown-content img{display:inline-block;width:300px;height:auto;margin:8px auto}.markdown-content em{display:block;margin-top:8px;font-style:italic;color:#666;width:400px}