html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Verdana,sans-serif;color:#444}a{color:#3273dc;text-decoration:none}a:visited{color:#8b6fcb}a:hover{text-decoration:underline}.iframe-container-container{width:500px;max-width:100%;margin:1em auto}.iframe-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.iframe-container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:19px}.site{display:flex;flex-direction:column;flex:1;margin:0 auto;max-width:50em;width:100%;padding:0 1em}.content{flex:1}.content img{width:auto;max-width:100%;height:auto;max-height:100%;border-radius:19px}.content img.front{width:100%;max-width:100%;height:auto;max-height:100%;border-radius:19px;margin-top:10px;margin-bottom:10px}.content img.profile{float:none;display:block;width:300px;max-width:100%;padding:.5em 0;margin:0 auto}@media screen and (min-width:500px){.content img.profile{float:right;width:250px;max-width:50%;padding:.5em}}header{text-align:left;margin-top:1em;padding-top:1em;margin-bottom:1em;font-size:16px}header .site-title{font-weight:700;margin-right:1em;color:#df7401}header nav{display:inline-block}header nav ul{list-style-type:none;margin:0;padding:0}header nav ul li{display:inline;margin-right:1em}header nav ul li a{color:#444;text-decoration:none;font-weight:400;font-size:16px}header nav ul li a:hover{text-decoration:underline;color:#df7401}header nav ul li a:visited{color:#444}footer{text-align:center;margin-top:2em;padding-top:1em;border-top:1px solid #aaa;font-size:12px}footer a{color:#3273dc}footer a:hover{text-decoration:underline}.posts-list{list-style-type:none;padding:0}.post-item{margin-bottom:.5rem}.post-date{display:inline-block;min-width:6.5rem;color:#666}.post-date-single{display:block;color:#666;font-size:.9rem;margin-bottom:1rem}.tags-horizontal{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:.5rem 0 1rem}.tags-horizontal li{margin-right:.5rem;margin-bottom:.3rem}.tags-horizontal li a{display:inline-block;padding:.1rem .3rem;background-color:#f0f0f0;border-radius:3px;text-decoration:none;font-size:.8rem}.tags-horizontal li a:hover{background-color:#e0e0e0}.section{margin-top:.5rem;margin-bottom:.8rem}.section h2{font-size:1.8rem;color:#222;display:inline-block;padding-bottom:.2rem;margin-bottom:.8rem}.section .card{margin-bottom:1.2rem;padding-bottom:.8rem;border-bottom:1px solid #eee}.section .card h3{color:#df7401}.section .card .meta{color:#666;font-size:.9rem;line-height:1.4}