html{height:100%;position:relative}body{position:relative;margin:0;overflow-y:scroll;min-height:100%;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#343434;font-size:14px;&.nav{overflow:hidden}}.main-nav .menu-link{display:block;width:100%;margin:5px 0 0;font-size:13px;transition:all .5s ease;position:relative;color:#222;padding:5px 0;text-decoration:none;@media screen and (min-width:900px){width:auto;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}}.main-nav .menu-link:before{position:absolute;content:" ";width:0;height:1px;background:#343434;opacity:.6;top:50%;left:0;transition:all .5s ease}.main-nav .menu-link.active,.main-nav .menu-link:hover{opacity:.6;margin-left:12px}.main-nav .menu-link.active:before,.main-nav .menu-link:hover:before{width:8px;transform:translateX(-12px)}.social-block{font-size:0;display:flex;justify-content:center}.social-block a{display:block;width:20px;margin:0 6px 0 0;position:relative;box-sizing:border-box;opacity:.8;transition:all .8s ease;padding:3px}.social-block a img{max-width:100%}.social-block a:hover{opacity:.6}.main-nav{position:fixed;box-sizing:border-box;text-align:left;max-height:100%;z-index:9;background:#fff;transform:translateX(-100%);transition:all .5s ease;top:0;left:0;right:0;bottom:60px;overflow:auto;padding:15px 10px;@media screen and (min-width:900px){grid-template-rows:auto auto 1fr;display:grid;grid-gap:20px;gap:20px;transform:translateX(0);padding-left:40px;padding-bottom:20px;padding-right:40px;padding-top:40px;width:280px;overflow:hidden;bottom:0}&.nav-opened{transform:translateX(0)}.main-menu{display:none;min-height:36px}@media screen and (min-width:900px){.main-menu{display:block}}& span a{display:block;width:100%;margin:5px 0;font-size:13px;transition:all .5s ease;position:relative;color:#222;padding:5px 0;&:before{position:absolute;content:" ";width:0;height:1px;background:#343434;opacity:.6;top:50%;left:0;transition:all .5s ease}@media screen and (min-width:900px){width:auto;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0}&.active,&:hover{opacity:.6;margin-left:12px;&:before{width:8px;transform:translateX(-12px)}}}}.mobile-nav{position:fixed;height:60px;bottom:0;left:0;right:0;background:#fff;z-index:10;.mobile-logo{height:60px;display:flex;justify-content:center;align-items:center;& a{&:after,&:before{content:none}}& img{max-height:40px;width:180px}}@media screen and (min-width:900px){display:none}}.logo{display:none;@media screen and (min-width:900px){display:flex;max-width:200px;flex-grow:1;align-items:center;justify-content:center}img{width:220px}}.mobile-menu-trigger{background:url(/menu.svg);width:30px;height:30px;border:0;position:absolute;right:15px;bottom:15px}& a{color:#343434;text-decoration:none}.page-footer{display:block;margin-top:30px;padding:30px 0;font-size:11px;text-transform:uppercase;opacity:.6;position:relative;width:100%;bottom:0;&:before{position:absolute;top:0;left:50%;transform:translateX(-50%);height:1px;content:" ";background:#ddd;width:100%}}.pswp--zoom-allowed .pswp__img{cursor:default!important}.about-me{max-width:900px;margin:0 auto;padding:0 10px;.about-me-pic{padding:10px 0}.about-me-text{text-align:left}@media screen and (min-width:900px){display:flex;align-items:center;.about-me-pic{flex:1 1;padding:10px}.about-me-text{flex:2 1;padding:0 10px}}}& main{width:100%;box-sizing:border-box;padding:5px;@media screen and (min-width:900px){padding-left:0;padding-bottom:0;padding-right:20px;padding-top:20px}}.nav-all{margin-left:15px;overflow-y:auto;overflow-x:hidden}.nav-blog-title{display:block;margin-top:25px}.nav-blog{overflow-y:auto;overflow-x:hidden;margin-left:20px;margin-bottom:25px}.pswp__caption__center{text-align:center!important}.pswp__bg{opacity:.85!important}figure{position:relative;margin:0;padding:0;background:#fafafa;cursor:pointer;max-width:100%}figure,figure.with-title:hover:before{display:block}figure.with-title:hover:after{opacity:.6}figure.with-title:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;content:attr(title);display:none;color:#fff;font-size:14px}figure.with-title:after{z-index:1;position:absolute;content:" ";left:0;top:0;background:#000;opacity:0;width:100%;height:100%;transition:all .3s ease-in-out}h1{font-size:13px}h1,h2{font-weight:100;text-transform:uppercase;text-align:right;padding:0;margin:4px}h2{font-size:11px}h2 p{margin:0;padding:0}.pswp__caption{position:absolute;width:100%;font-size:12px;bottom:0;height:40px;line-height:40px;color:#fff}.tag{display:inline-block;margin:0 5px;padding:0}.tag a{text-transform:uppercase;font-size:10px;opacity:.6}.tag a:hover{opacity:.8}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5f49086eefe056e2-s.woff2) format("woff2");unicode-range:u+0307-0308,u+0590-05ff,u+200c-2010,u+20aa,u+25cc,u+fb1d-fb4f}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8db6526a8b2dbecf-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db170f108ee2e091-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Varela Round;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f04afcfc9494c96b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Varela Round Fallback;src:local("Arial");ascent-override:85.62%;descent-override:26.67%;line-gap-override:0.00%;size-adjust:107.22%}.__className_a88d3d{font-family:Varela Round,Varela Round Fallback;font-weight:400;font-style:normal}