:root{--accent:#fff;--primary:#464646;--primary-light:#9f9f9f;--primary-lighter:#eee;--border:1px solid var(--primary-lighter);--shadow:0 8px 16px hsla(0,0%,4%,.1);--warning:#ffc107;--info:#6086b4;--success:#51d88a;--danger:#ef5753}a{color:var(--primary);text-decoration:none}a:hover{color:var(--info)}p{line-height:1.9em}*{font-family:PingHei,PingFang SC,Helvetica Neue,Work Sans,Hiragino Sans GB,sans-serif;font-size:1.6rem}.html{-webkit-font-smoothing:antialiased;font-size:62.5%}.body{color:var(--primary);margin:0 auto;overflow-y:scroll}.body,.header{background-color:var(--accent);width:100%}.header{position:fixed;top:0;z-index:1}@media screen and (min-width:961px){.header{border-bottom:var(--border);position:sticky}}@media print{.header{display:none}}.nav{display:none}@media screen and (min-width:961px){.nav{align-items:center;box-shadow:none;display:flex;justify-content:space-between}}.nav__list{background-color:var(--primary-lighter);list-style:none;margin:0;padding:0;width:100%}@media screen and (min-width:961px){.nav__list{background-color:var(--accent);display:flex;padding:24px 30px}.nav__list--end{flex-shrink:1;justify-content:flex-end}}.nav__list-item{padding:16px 0;text-align:center;text-transform:uppercase;white-space:nowrap}@media screen and (min-width:961px){.nav__list-item{padding-bottom:0;padding-top:0}.nav__list-item:not(:last-child){padding-right:20px}}.nav__link--active{padding-bottom:24px}@media screen and (min-width:961px){.nav__link--active{border-bottom:1px solid var(--primary)}}.nav--active{display:block}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px)}to{-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px)}to{-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px)}to{-o-transform:translateY(0)}}@keyframes fadeInDown{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.wrapper{display:flex;flex-direction:column}@media screen and (min-width:961px){.wrapper{flex-direction:row}}@media screen and (min-width:1921px){.wrapper{justify-content:center}}.wrapper__main{width:100%}@media screen and (min-width:961px){.wrapper__main{width:60%}}@media screen and (min-width:1921px){.wrapper__main{width:48%}}.wrapper__sidebar{padding:16px 0;width:100%}@media screen and (min-width:961px){.wrapper__sidebar{padding:0;width:40%}}@media screen and (min-width:1921px){.wrapper__sidebar{width:32%}}.sidebar{margin-top:40px}@media screen and (min-width:961px){.sidebar{border-right:var(--border);height:100%;margin-right:4px;margin-top:0;position:fixed;width:inherit;z-index:2}.sidebar,.sidebar__content{display:flex;flex-direction:column}.sidebar__content{flex-grow:1;justify-content:center}}.sidebar__list{list-style:none;padding:0;text-align:center}.sidebar__list-item{display:inline;line-height:0;padding:0 4px}.sidebar__introduction{text-align:center;top:40%}.sidebar__introduction-description{margin:0 1em}.sidebar__introduction-profileimage{border-radius:50%;height:127px;width:127px}.sidebar__introduction-title{font-weight:700;letter-spacing:2px;line-height:1;margin:1em;text-transform:uppercase}.sidebar__introduction-title a{font-size:3.2rem}.footer{bottom:0;flex:0;margin:0 auto;padding-bottom:20px;position:relative;text-align:center;width:100%}.footer__list{display:flex;justify-content:center;list-style:none;padding:0}.footer__item{font-size:1.4rem}.footer__item:not(:first-of-type):before{content:"\00B7";padding:4px}.footer__item a{font-size:1.4rem}.footer__sidebar{display:none}@media screen and (min-width:961px){.footer__sidebar{display:inline-block}.footer__base{display:none}}.pagination{margin:30px;padding:0 0 56px;text-align:center}.navbar-burger{background:0 0;border:none;cursor:pointer;display:block;height:3.25rem;margin-left:auto;padding:6px;position:relative;width:3.25rem}.navbar-burger__line{background-color:var(--primary);display:block;height:1px;left:calc(50% - 8px);position:absolute;transform-origin:center;transition-duration:86ms;transition-property:background-color,opacity,transform;transition-timing-function:ease-out;width:16px}.navbar-burger__line:first-child{top:calc(50% - 6px)}.navbar-burger__line:nth-child(2){top:calc(50% - 1px)}.navbar-burger__line:nth-child(3){top:calc(50% + 4px)}@media screen and (min-width:961px){.navbar-burger{display:none}}.post{background-color:var(--accent);margin:30px}.post__content a{color:var(--info)}.post__content h1{font-size:3.6rem;letter-spacing:1px;line-height:1}.post__content h1 a{color:var(--primary);font-size:3.6rem}.post__content h2{font-size:2.4rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h2 a{color:var(--primary);font-size:2.4rem}.post__content h3{font-size:2rem;font-weight:600;letter-spacing:1px;line-height:1}.post__content h3 a{color:var(--primary);font-size:2rem}.post__content ul{font-weight:400;line-height:1.9em}.post__content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.post__footer{border-bottom:var(--border);padding:12px 0}.portfolio{padding:48px 0 0;position:relative}@media screen and (min-width:961px){.portfolio{padding:48px}}.portfolio:before{background:0 0;border-radius:.5em;bottom:10%;content:"";left:10%;position:absolute;right:10%;top:10%}@media screen and (min-width:961px){.portfolio:before{border:var(--border)}}.portfolio__title{font-size:2.6rem;font-weight:600;letter-spacing:1px;line-height:1}.portfolio__image{border-bottom:0;max-width:100%;min-width:100%;object-fit:cover}.portfolio__image,.portfolio__image-wrapper{display:block;overflow:hidden;position:relative}.portfolio__image-wrapper{background-color:#fff;box-shadow:var(--shadow);transition:box-shadow .3s ease}.portfolio__image-wrapper--left,.portfolio__image-wrapper--right{background-color:var(--accent);margin-left:auto;margin-right:auto;max-width:inherit;width:calc(100% - 64px)}@media screen and (min-width:961px){.portfolio__image-wrapper--left,.portfolio__image-wrapper--right{border-radius:.5em;max-width:none;object-fit:contain;padding:0;width:60%}.portfolio__image-wrapper--left{margin-left:0;margin-right:auto}.portfolio__image-wrapper--right{margin-left:auto;margin-right:0}}.portfolio__description{background-color:var(--accent);padding:32px;position:relative}@media screen and (min-width:961px){.portfolio__description{border-radius:.5em;box-shadow:var(--shadow);padding:48px}}.portfolio__description--left,.portfolio__description--right{border-bottom:var(--border);margin-top:-24px}@media screen and (min-width:961px){.portfolio__description--left,.portfolio__description--right{background:var(--primary-lighter);border-bottom:0;margin-top:-48px;width:60%}.portfolio__description--right{margin-left:auto}}.portfolio__meta{display:flex;flex-wrap:wrap;list-style:none;padding:0;row-gap:.8rem}.portfolio__meta-item:not(:last-child){margin-right:1.25rem}.portfolio__button{align-items:center;background:0 0;border:1px solid var(--primary-light);border-radius:999em;cursor:pointer;display:flex;font-style:normal;font-weight:400;gap:10px;margin-right:10px;outline:0;padding:10px;position:relative;text-align:center;text-decoration:none;white-space:nowrap}.portfolio__button-wrapper{display:flex;flex-wrap:wrap;padding-bottom:1em;row-gap:15px}.themeswitch{font-size:1.75rem;margin-top:-5px}.themeswitch__button{background:0 0;border:none;color:inherit;cursor:pointer;font:inherit;outline:inherit;padding:0}.page_404{padding-top:50px;text-align:center}.archive{margin:30px}.contact-form{margin-top:30px}.form-style{width:100%}.form-style ul{list-style:none;margin:0;padding:0}.form-style ul li{display:block;margin-bottom:10px;min-height:35px}.form-style ul li,.form-style ul li .field-style{background-color:var(--accent);color:var(--primary)}.form-style ul li .field-style{border:var(--border);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:inherit;outline:none;padding:8px}.form-style ul li .field-style:focus{border:1px solid;box-shadow:0 0 5px}.form-style ul li .field-full{width:100%}.form-style ul li textarea{height:auto;width:100%}