body {
    margin:0;
    padding:0;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
    }
body {
    font-family:Helvetica,Arial,sans-serif;
    font-size:16px;line-height:1.5;
    font-weight:300;
    color:#111;
    background-color:#fdfdfd;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
    }
figure>img {
    display:block
    }
figcaption {
    font-size:14px
    }
ul,ol {
    margin-left:30px
}
li>ul,li>ol {
    margin-bottom:0
}
a {
    color:#2a7ae2;
    text-decoration:none
}
a:visited {
    color:#1756a9
}
a:hover {
    color:#111;
    text-decoration:underline
}
blockquote {
    color:#828282;
    border-left:4px solid #e8e8e8;
    padding-left:15px;
    font-size:18px;
    letter-spacing:-1px;
    font-style:italic
    
}
blockquote>:last-child {
    margin-bottom:0
}
pre,code {
    font-size:15px;
    border:1px solid #e8e8e8;
    border-radius:3px;
    background-color:#eef
    
}
code {
    padding:1px 5px
    
}
pre {
    padding:8px 12px;
    overflow-x:scroll
}
pre>code {
    border:0;
    padding-right:0;
    padding-left:0
}
.wrapper {
    max-width:-webkit-calc(800px - (30px * 2))
    ;max-width:calc(800px - (30px * 2));
    margin-right:auto;margin-left:auto;
    padding-right:30px;padding-left:30px
    }
    @media screen and (max-width: 800px) {
        .wrapper{max-width:-webkit-calc(800px - (30px));
        max-width:calc(800px - (30px));
        padding-right:15px;padding-left:15px}
    }
    .wrapper:after,.footer-col-wrapper:after {
    content:"";display:table;
    clear:both
   }
    .icon>svg {
    display:inline-block;
    width:16px;height:16px;
    vertical-align:middle
    }
    .site-header {
        border-top:5px solid #424242;
        border-bottom:1px solid #e8e8e8;
        min-height:56px;position:relative
    }
    .site-title {
        font-size:26px;
        line-height:56px;
        letter-spacing:-1px;
        margin-bottom:0;float:left
    }
    .site-title,.site-title:visited {
        color:#424242}
    .site-nav {
    float:right;line-height:56px
    }
    img {
    display: block;         
    margin: 20px auto;      
    height: auto;
    }
  .image-pair {
    display: flex;
    justify-content: center;
    max-width: 800px;
    margin: 0 auto;
}

.image-pair img {
    width: calc(50% - 20px); 
    margin: 0 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45);
    height: auto;
    object-fit: contain;
}
.site-nav .menu-icon {
    display:none
}
.site-nav .page-link {
    color:#111;line-height:1.5
}
.site-nav .page-link:not(:first-child) {
    margin-left:20px
}
@media screen and (max-width: 600px) {
    .site-nav {
        position:absolute;
        top:9px;
        right:30px;
        background-color:#fdfdfd;
        border:1px solid #e8e8e8;
        border-radius:5px;
        text-align:right
    }
    .site-nav .menu-icon {
        display:block;
        float:right;
        width:36px;
        height:26px;
        line-height:0;
        text-align:center
    }
    .site-nav .menu-icon>svg {
        width:18px;height:15px
    }
    .site-nav .trigger {
        clear:both;display:none
    }
    .site-nav:hover .trigger {
        display:block;padding-bottom:5px
    }
    .site-nav .page-link {
        display:block;padding:5px 10px}
}
    .site-footer {
        border-top:1px solid #e8e8e8;
        padding:30px 0
    }
    .footer-heading {
        font-size:18px;margin-bottom:15px
    }
    .contact-list,.social-media-list {
        list-style:none;margin-left:0
    }
    .footer-contact {
    width: calc(800px * 0.35);   
    max-width: 280px;          
}
.footer-contact form {
    display: flex;
    flex-direction: column;
    gap: 10px;                 
}
.footer-contact input,
.footer-contact textarea {
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    box-sizing: border-box;      
}
.footer-contact button {
    padding: 10px;
    background: #222;
    color: #fff;
    border: none;
    cursor: pointer;
}
.footer-contact button:hover {
    background: #444;
}

    .footer-col-wrapper {
        font-size:15px;color:#828282;margin-left:-15px
    }
    .footer-col {
        float:left;
        margin-bottom:15px;
        padding-left:15px
    }
    .footer-col-1 {
        width:-webkit-calc(35% - (30px / 2));
        width:calc(35% - (30px / 2))
    }
    .footer-col-2 {
        width:-webkit-calc(20% - (30px / 2));
        width:calc(20% - (30px / 2))
    }
    .footer-col-3 {
        width:-webkit-calc(45% - (30px / 2));
        width:calc(45% - (30px / 2))
    }
    @media screen and (max-width: 800px) {
        .footer-col-1,.footer-col-2 
        {
        width:-webkit-calc(50% - (30px / 2));
        width:calc(50% - (30px / 2))
        }
        .footer-col-3 {
            width:-webkit-calc(100% - (30px / 2));
            width:calc(100% - (30px / 2))}
    }
        .page-content{padding:30px 0}
        .page-heading{font-size:20px}
        .post-list{margin-left:0;list-style:none}
        .post-list>li{margin-bottom:30px}
        .post-meta{font-size:14px;color:#828282}
        .post-link{display:block;font-size:24px}
        .post-header{margin-bottom:30px}
        .post-title{font-size:42px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 800px){
            .post-title{font-size:36px}}
            .post-content{margin-bottom:30px}
       @media screen and (max-width: 800px) {
        .highlight{background:#fff}
        .highlight .c{color:#998;font-style:italic}
        .highlight .err{color:#a61717;background-color:#e3d2d2}
        .highlight .k{font-weight:bold}
        .highlight .o{font-weight:bold}
        .highlight .cm{color:#998;font-style:italic}
    .highlight .cp{color:#999;font-weight:bold}
    .highlight .c1{color:#998;font-style:italic}
    .highlight .cs{color:#999;font-weight:bold;font-style:italic}
    .highlight .gd{color:#000;background-color:#fdd}
    .highlight .gd .x{color:#000;background-color:#faa}
    .highlight .ge{font-style:italic}
    .highlight .gr{color:#a00}
    .highlight .gh{color:#999}
    .highlight .gi{color:#000;background-color:#dfd}
    .highlight .gi .x{color:#000;background-color:#afa}
    .highlight .go{color:#888}
    .highlight .gp{color:#555}
    .highlight .gs{font-weight:bold}
    .highlight .gu{color:#aaa}
    .highlight .gt{color:#a00}
    .highlight .kc{font-weight:bold}
    .highlight .kd{font-weight:bold}
    .highlight .kp{font-weight:bold}
    .highlight .kr{font-weight:bold}
    .highlight .kt{color:#458;font-weight:bold}
    .highlight .m{color:#099}
    .highlight .s{color:#d14}
    .highlight .na{color:teal}
    .highlight .nb{color:#0086B3}
    .highlight .nc{color:#458;font-weight:bold}
    .highlight .no{color:teal}
    .highlight .ni{color:purple}
    .highlight .ne{color:#900;font-weight:bold}
    .highlight .nf{color:#900;font-weight:bold}
    .highlight .nn{color:#555}
    .highlight .nt{color:navy}
    .highlight .nv{color:teal}
    .highlight .ow{font-weight:bold}
    .highlight .w{color:#bbb}
    .highlight .mf{color:#099}
    .highlight .mh{color:#099}
    .highlight .mi{color:#099}
    .highlight .mo{color:#099}
    .highlight .sb{color:#d14}
    .highlight .sc{color:#d14}
    .highlight .sd{color:#d14}
    .highlight .s2{color:#d14}
    .highlight .se{color:#d14}
    .highlight .sh{color:#d14}
    .highlight .si{color:#d14}
    .highlight .sx{color:#d14}
    .highlight .sr{color:#009926}
    .highlight .s1{color:#d14}
    .highlight .ss{color:#990073}
    .highlight .bp{color:#999}
    .highlight .vc{color:teal}
    .highlight .vg{color:teal}
    .highlight .vi{color:teal}
    .highlight .il{color:#099}}